.new-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}
.new-card{
background:#0f1115;
border-radius:16px;
padding:18px;
box-shadow:0 15px 40px rgba(0,0,0,.7);

}
.new-card:hover{

box-shadow:0 25px 60px rgba(0,0,0,.9);
}
.new-title{color:#fff;font-weight:700}
.new-url{color:#5ab0ff;font-size:13px}
.new-clicks{font-size:12px;color:#aaa}


.new-form-card{
max-width:100%;
background:#fff;
padding:24px;
border-radius:18px;
box-shadow:0 2px 5px rgba(0,0,0,.8);
}
.new-form-card h4{
	
	background-image: linear-gradient(90deg, #ff7816, #ffe900);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.new-input{
width:100%;
background:#afafaf;
border:none;
border-radius:12px;
padding:12px 14px;
color:#fff;
margin-bottom:14px;
}
.new-input:focus{outline:2px solid #ff7816}
.new-price{color:#000;margin:10px 0;font-weight:600}
.new-btn{
width:100%;
background:#ff7816;
border:none;
padding:12px;
border-radius:14px;
color:#000;
font-weight:700;
transition:.25s;
}
.new-btn:hover{transform:scale(1.04)}
.new-placeholder{color:#555;text-align:center}

.new-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}
.new-card{
background:#111;
border-radius:14px;
padding:18px;
box-shadow:0 10px 30px rgba(0,0,0,.6);

}
.new-card:hover{

box-shadow:0 15px 40px rgba(0,0,0,.9);
}
.new-title{font-size:16px;color:#fff;font-weight:600}
.new-url{color:#4da6ff;font-size:13px;word-break:break-all}
.new-clicks{font-size:12px;color:#aaa}
.new-placeholder{
background:#1a1a1a;
text-align:center;
color:#666;
font-style:italic;
}


.new-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}


.new-user-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
gap:24px;
}


.new-card{
background:#fff;
border-radius:18px;
padding:20px;
box-shadow:0 2px 5px rgba(0,0,0,.75);

position:relative;
}
.new-card:hover{

box-shadow:0 3px 6px rgba(0,0,0,.95);
}


.new-big{
min-height:260px;
display:flex;
flex-direction:column;
justify-content:space-between;
}


.new-header{
display:flex;
justify-content:space-between;
align-items:center;
}

.new-url{color:#5ab0ff;font-size:13px;word-break:break-all;}


.new-status{
padding:4px 10px;
border-radius:12px;
font-size:12px;
font-weight:700;
text-transform:uppercase;
}
.new-status.active{background:#1f7a3f;color:#7dffb2}
.new-status.pending{background:#6b5b18;color:#ffe08a}
.new-status.disabled{background:#662222;color:#ff9b9b}



.new-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
color:#000;
font-size:14px;

}



.new-progress{
background:#1a1f2b;
height:8px;
border-radius:10px;
overflow:hidden;

}
.new-progress div{
height:100%;
background:linear-gradient(90deg,#ff7816,#ffe900);
transition:.4s;
}
.new-list{
display:flex;
flex-direction:column;

/*width: 250px;
    right: 5px;*/
    position: relative;
	
}

.new-desc {
	color: #232a34;
	font-size: 13px;
}

.new-link{
display:flex;
flex-direction:column;

padding: 5px 8px;
border-radius:12px;
text-decoration:none;
/*box-shadow:0 6px 20px rgba(0,0,0,.6);*/
}
.new-link:hover{

/*box-shadow:0 10px 30px rgba(0,0,0,.9);*/
}
.new-link-title {
	width: max-content;
  color: #1a73e8;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  outline: none;
  display: inline-block;
  border-bottom: 1px dotted transparent; 
  line-height: 1.2; 
}

.new-link-title:hover {
  /* Просто меняем цвет */
  border-bottom-color: #114C5B; 
}
.new-link-url{
color: #28a745 !important;
font-size:12px;
}


.new-add{
background:#111827;

text-align:center;
font-weight:600;
color:#fff;

padding: 8px 10px !important;
}


.new-add:hover{
background:#ff7816;
color:#000;
}

.new-btn.danger{
background:#ff4d4d;
color:#fff;
}
.new-btn.danger:hover{background:#ff0000}

.new-refund-note{
font-size:13px;
margin-top:6px;
color:#7dffb2;
font-weight:700;
}

.new-link-row{
    display:flex;
    align-items:center;
}

.new-favicon{
    width:32px;
    height:32px;
    border-radius:8px;
    background:#0e131b;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08),
                0 4px 12px rgba(0,0,0,.6);
    object-fit:cover;
	right: 10px;
    position: relative;
}

.new-link-text{
	text-align: left;
    display:flex;
    flex-direction:column;
}