.hidden{display:none!important}
.admin-page{min-height:100vh;background:#02070d;color:#e9f7ff}
.admin-shell{padding-block:52px 80px}
.admin-header{position:relative;z-index:20}
.admin-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px}
.admin-hero h1{margin:12px 0 0;font-size:clamp(42px,5vw,68px);line-height:.96;letter-spacing:-.055em;font-weight:650}
.admin-hero p{margin:14px 0 0;color:#7895a8;font-size:14px}
.admin-tabs{display:flex;gap:7px;padding:5px;border:1px solid rgba(96,191,240,.12);border-radius:12px;background:rgba(4,13,22,.6)}
.admin-tab{min-height:38px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#66869a;font-size:12px;font-weight:750;cursor:pointer}
.admin-tab.active{background:rgba(20,129,255,.19);color:#e9f9ff;box-shadow:inset 0 0 0 1px rgba(82,197,255,.2)}

.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.summary-grid article,.admin-panel{border:1px solid rgba(111,190,236,.13);border-radius:15px;background:rgba(5,15,25,.68);backdrop-filter:blur(14px)}
.summary-grid article{padding:20px 20px 18px}
.summary-grid span,.drawer-facts span,.metric-list span{display:block;color:#54758a;font-size:11px;font-weight:800;letter-spacing:.12em}
.summary-grid strong{display:block;margin-top:8px;color:#effbff;font-size:31px;font-weight:650}
.summary-grid small{display:block;margin-top:7px;color:#6e8da0;font-size:12px}

.admin-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.admin-panel{padding:22px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:19px}
.panel-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.025em}
.metric-list{display:grid}
.metric-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(111,190,236,.08)}
.metric-list strong{font-size:17px;font-weight:650;color:#d9eef8}
.status-good{color:#66e0b9!important}

.filter-bar{display:flex;gap:8px;flex-wrap:wrap}
.filter-bar input,.filter-bar select{height:38px;border:1px solid rgba(103,185,230,.15);border-radius:8px;outline:0;background:#030b13;color:#d9edf7;padding:0 11px;font-size:12px}
.filter-bar input{min-width:230px}
.filter-bar select{min-width:135px}
.filter-bar input:focus,.filter-bar select:focus{border-color:rgba(77,199,255,.45)}
.table-wrap{overflow:auto;border:1px solid rgba(111,190,236,.08);border-radius:11px}
.admin-table{width:100%;border-collapse:collapse;min-width:850px}
.admin-table th{text-align:left;padding:11px 13px;background:rgba(7,22,34,.82);color:#55768a;font-size:10px;letter-spacing:.1em}
.admin-table td{padding:13px;border-top:1px solid rgba(111,190,236,.07);color:#9eb8c8;font-size:12px;vertical-align:middle}
.admin-table td strong{display:block;color:#dceef6;font-size:12px;font-weight:650}
.admin-table td small{display:block;margin-top:3px;color:#5d7b8e;font-size:10px}
.badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border:1px solid rgba(101,184,229,.16);border-radius:999px;background:rgba(21,66,91,.13);color:#89a9bc;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.badge.good{color:#73ddb9;border-color:rgba(87,219,172,.18);background:rgba(32,111,84,.12)}
.badge.warn{color:#f1cf82;border-color:rgba(238,191,91,.18);background:rgba(115,82,20,.12)}
.badge.bad{color:#f5a1a9;border-color:rgba(233,91,107,.18);background:rgba(119,30,42,.12)}
.row-actions{display:flex;justify-content:flex-end;gap:6px}
.mini-btn,.list-footer button,.contact-status{min-height:31px;border:1px solid rgba(103,185,230,.16);border-radius:7px;background:rgba(9,29,44,.72);color:#8fb0c3;font-size:10px;cursor:pointer}
.mini-btn{padding:0 9px}
.mini-btn:hover,.list-footer button:hover{border-color:rgba(78,196,255,.38);color:#dff5ff}
.list-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;color:#5f7e92;font-size:11px}
.list-footer>div{display:flex;gap:6px}
.list-footer button{padding:0 10px}
.list-footer button:disabled{opacity:.35;cursor:not-allowed}

.contacts-list{display:grid;gap:10px}
.contact-card{padding:17px;border:1px solid rgba(111,190,236,.09);border-radius:11px;background:rgba(3,11,18,.55)}
.contact-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.contact-card-head strong{color:#dceff8;font-size:13px}
.contact-card-head small{display:block;margin-top:4px;color:#608095;font-size:11px}
.contact-card p{margin:13px 0 0;color:#90aabc;font-size:13px;line-height:1.6;white-space:pre-wrap}
.contact-card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}
.contact-card-foot time{color:#526f82;font-size:10px}
.contact-status{padding:0 9px}
.admin-drawer{position:fixed;z-index:80;top:0;right:0;width:min(520px,100vw);height:100vh;padding:26px;overflow:auto;border-left:1px solid rgba(86,197,250,.22);background:rgba(3,11,19,.96);backdrop-filter:blur(22px);box-shadow:-22px 0 70px rgba(0,0,0,.34)}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.drawer-head h2{margin:7px 0 0;font-size:30px;letter-spacing:-.035em}
.drawer-close{width:38px;height:38px;border:1px solid rgba(103,185,230,.16);border-radius:9px;background:rgba(7,25,39,.78);color:#83a7ba;font-size:22px;cursor:pointer}
.drawer-email{margin-top:6px;color:#70cfee;font-size:12px;overflow-wrap:anywhere}
.drawer-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.drawer-facts>div{padding:13px;border:1px solid rgba(111,190,236,.08);border-radius:9px;background:rgba(7,20,31,.6)}
.drawer-facts strong{display:block;margin-top:6px;color:#d9edf7;font-size:12px}
.drawer-section{margin-top:25px}
.drawer-section-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(111,190,236,.09);color:#638398;font-size:10px;font-weight:800;letter-spacing:.1em}
.drawer-scans{display:grid}
.drawer-scan{padding:12px 0;border-bottom:1px solid rgba(111,190,236,.07)}
.drawer-scan strong{display:block;color:#cce6f3;font-size:12px}
.drawer-scan small{display:block;margin-top:4px;color:#5b788b;font-size:10px;overflow-wrap:anywhere}
.drawer-scan span{display:block;margin-top:6px;color:#65c8e9;font-size:9px;text-transform:uppercase;letter-spacing:.08em}

.admin-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#02070d;color:#65cbf2;font-size:11px;font-weight:800;letter-spacing:.16em}
.admin-toast{position:fixed;z-index:120;right:24px;bottom:24px;max-width:360px;padding:12px 15px;border:1px solid rgba(82,198,255,.24);border-radius:10px;background:#061521;color:#bfe9fa;font-size:11px;box-shadow:0 14px 45px rgba(0,0,0,.32)}
@media(max-width:980px){
  .summary-grid{grid-template-columns:1fr 1fr}
  .admin-grid-two{grid-template-columns:1fr}
  .admin-hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .admin-shell{padding-block:38px 60px}
  .summary-grid{grid-template-columns:1fr}
  .admin-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .panel-head.responsive{align-items:stretch;flex-direction:column}
  .filter-bar{display:grid;grid-template-columns:1fr}
  .filter-bar input,.filter-bar select{width:100%;min-width:0}
  .drawer-facts{grid-template-columns:1fr}
  .admin-drawer{padding:20px}
}