:root{--bg:#060b14;--panel:#0c1625;--panel-2:#101d2e;--line:#223752;--text:#eef5ff;--muted:#8195b1;--accent:#ffb400;--green:#00e6ad;--red:#ff4e6f;--purple:#7e75ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;font-size:14px}.admin-shell{min-height:100vh;display:flex;background:radial-gradient(900px 500px at 58% -120px,#142540 0%,transparent 67%),var(--bg)}.admin-sidebar{width:270px;min-width:270px;border-right:1px solid var(--line);background:#091321;min-height:100vh;padding:22px 13px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 10px 23px;border-bottom:1px solid var(--line);text-decoration:none;color:#8093ae;font-size:9px;font-weight:800;letter-spacing:2px}.admin-brand img{width:145px;max-height:35px;object-fit:contain}.admin-user{display:flex;gap:11px;align-items:center;margin:20px 8px}.admin-avatar{height:37px;width:37px;border-radius:12px;background:linear-gradient(135deg,#ffcc38,#eb8b00);display:grid;place-items:center;color:#101926;font-weight:900}.admin-user b{display:block;font-size:13px}.admin-user small{display:flex;align-items:center;gap:5px;color:#8ca0bb;font-size:10px;margin-top:4px}.admin-user i,.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px var(--green)}.admin-nav{overflow:auto;scrollbar-width:thin}.admin-nav p{color:#526985;font-size:9px;font-weight:800;letter-spacing:1.7px;margin:19px 11px 8px}.nav-item{border:0;background:transparent;color:#9badc6;width:100%;height:42px;border-radius:8px;display:flex;align-items:center;gap:12px;text-align:left;padding:0 11px;font-weight:700;cursor:pointer;transition:.15s}.nav-item span{font-size:18px;width:20px;text-align:center;color:#8297b6}.nav-item:hover{background:#102139;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#172d4b,#11223a);box-shadow:inset 2px 0 var(--accent)}.nav-item.active span{color:var(--accent)}.nav-item em{margin-left:auto}.nav-item b{margin-left:auto;background:#253752;color:#c9d7eb;font-size:9px;border-radius:9px;padding:3px 7px}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.good{background:var(--green);box-shadow:0 0 7px var(--green)}.sidebar-footer{font-size:9px;font-weight:800;letter-spacing:1px;color:#7891b1;margin:18px 10px 2px;padding-top:17px;border-top:1px solid var(--line)}.sidebar-footer .pulse{margin-right:7px}.admin-main{min-width:0;flex:1}.admin-topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:rgba(7,13,23,.75);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.breadcrumb span{display:block;font-size:9px;font-weight:800;color:#5c7599;letter-spacing:1.6px}.breadcrumb strong{display:block;font-size:15px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:12px}.admin-clock{font-family:Consolas,monospace;color:#9aacbf;font-size:12px}.icon-button{position:relative;border:1px solid var(--line);border-radius:8px;background:#101c2d;color:#b8c7d9;width:34px;height:34px;font-size:16px}.icon-button i{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;right:6px;top:6px}.go-site,.secondary-button,.row-action{border:1px solid #2b4565;border-radius:8px;background:#101c2d;color:#c5d7ed;text-decoration:none;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer}.mobile-menu{display:none}.admin-page{display:none;padding:33px 30px 50px;max-width:1700px;margin:auto}.admin-page.active{display:block}.page-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:25px}.page-heading h1{font-size:32px;letter-spacing:-.8px;margin:5px 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#89a3c8;font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7088a9;margin-right:6px}.eyebrow.live{color:#6fe3c7}.eyebrow.live i{background:var(--green);box-shadow:0 0 9px var(--green)}.primary-button{border:0;background:linear-gradient(135deg,#ffc526,#f19a00);border-radius:8px;color:#10151e;font-weight:900;font-size:12px;padding:13px 16px;cursor:pointer;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.kpi-card,.panel{background:linear-gradient(145deg,rgba(17,31,49,.95),rgba(10,21,36,.95));border:1px solid var(--line);border-radius:12px}.kpi-card{min-height:130px;padding:18px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-28px;bottom:-46px;width:112px;height:112px;border:1px solid #27415e;border-radius:50%}.kpi-card span,.panel-title>span,.panel-title span{color:#7691b3;font-size:9px;font-weight:800;letter-spacing:1.1px}.kpi-card strong{font-family:Consolas,monospace;display:block;font-size:25px;margin:11px 0 8px}.kpi-card strong small{font:600 12px Arial;color:#8196b1}.kpi-card small{font-size:10px;color:#7086a5}.green{color:var(--green)}.green-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--green);margin-right:4px}.meter{height:5px;border-radius:9px;background:#1d3149;margin:13px 0 7px;overflow:hidden}.meter b{height:100%;display:block;background:var(--green);border-radius:inherit}.meter.purple b{background:var(--purple)}.panel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px;margin-bottom:13px}.panel{padding:20px}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:17px}.panel-title h2,.panel h2{font-size:16px;margin:0;color:#eff6ff}.service-row{display:grid;grid-template-columns:10px 1fr auto 58px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(38,58,84,.75)}.service-row:first-of-type{border-top:0}.service-mark{height:8px;width:8px;border-radius:50%}.service-mark.good{background:var(--green);box-shadow:0 0 9px #00e6ad88}.service-mark.neutral{background:#7387a2}.service-row b{font-size:12px}.service-row small{display:block;color:#7890ad;font-size:10px;margin-top:3px}.service-row strong{font-size:9px;letter-spacing:.7px;color:var(--green)}.service-row strong:not(.online){color:#91a4bb}.service-row time{font:11px Consolas;color:#90a4bb;text-align:right}.chart-placeholder{height:249px;position:relative;border-top:1px solid #223852}.chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 48px,#20334b 49px),repeating-linear-gradient(90deg,transparent 0,transparent 95px,#1b2c43 96px);opacity:.7}.chart-placeholder svg{position:absolute;inset:0;width:100%;height:88%}.chart-scale{position:absolute;bottom:3px;left:0;right:0;display:flex;justify-content:space-between;color:#6e86a5;font:9px Consolas}.legend{display:flex;gap:6px;align-items:center}.legend i{width:6px;height:6px;border-radius:50%;background:var(--green)}.legend i+ i{background:var(--purple);margin-left:5px}.exchange-health{margin-top:13px}.health-table{width:100%}.health-head,.health-row{display:grid;grid-template-columns:1.3fr .8fr 1.2fr .8fr .9fr;gap:12px;align-items:center}.health-head{font-size:9px;letter-spacing:1px;color:#7891b1;font-weight:800;padding:0 13px 10px}.health-row{border-top:1px solid #213650;padding:13px;font-size:12px}.health-row b{font-size:12px}.tag{display:inline-block;border-radius:5px;padding:4px 6px;font-size:9px;letter-spacing:.7px;font-weight:900;width:max-content}.tag.fast{background:#063b32;color:#22e6b7;border:1px solid #0a725e}.tag.light{background:#352a0d;color:#ffc540;border:1px solid #775b16}.online{font-size:10px;color:var(--green)}.date-switch{display:flex;border:1px solid var(--line);border-radius:8px;padding:3px;background:#0a1523}.date-switch button{color:#92a6c1;background:transparent;border:0;border-radius:5px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.date-switch .active{background:#213650;color:#fff}.metric-grid{grid-template-columns:1.5fr .8fr}.empty-chart{height:250px;display:grid;place-items:center;border-top:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0,transparent 48px,#20334b 49px),repeating-linear-gradient(90deg,transparent 0,transparent 95px,#1b2c43 96px)}.empty-chart span,.empty-state{color:#7389a8;font-size:12px}.funnel-row{display:grid;grid-template-columns:1fr 35px;gap:10px;align-items:center;position:relative;padding:11px 0 15px}.funnel-row span{font-size:12px;z-index:1}.funnel-row b{font:13px Consolas;color:#d4e1f0;text-align:right;z-index:1}.funnel-row i{grid-column:1/3;height:7px;display:block;background:linear-gradient(90deg,#00e6ad,#197f77);border-radius:10px}.empty-state{min-height:100px;display:grid;place-items:center;text-align:center}.empty-panel{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-panel.small{min-height:228px}.empty-panel h2{margin:10px 0 6px}.empty-panel p{max-width:500px;line-height:1.55;color:#8498b3;margin:0 0 18px}.empty-icon{font-size:38px;color:var(--accent);height:55px;width:55px;display:grid;place-items:center;border:1px solid #715417;border-radius:16px;background:#2d2412}.support-layout{display:grid;grid-template-columns:240px 1fr;gap:13px}.ticket-summary{display:flex;flex-direction:column}.ticket-summary span{font-size:10px;color:#7d94b2;font-weight:800;letter-spacing:1px}.ticket-summary strong{font:30px Consolas;margin:6px 0}.ticket-summary small{font-size:11px;color:#8498b3}.ticket-summary hr{border:0;border-top:1px solid var(--line);width:100%;margin:18px 0}.collectors{padding:0}.collector{display:grid;grid-template-columns:1.25fr .65fr 1fr .75fr 100px;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}.collector:last-child{border-bottom:0}.collector-brand{font-size:15px;color:#a7bad2}.collector-brand b{color:#eef5ff;margin-left:5px}.row-action{font-size:10px;padding:8px 10px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0}.roles>div{padding:24px;border-right:1px solid var(--line)}.roles>div:last-child{border-right:0}.roles h2{font-size:16px;margin:14px 0 8px}.roles p,.setting-card p{margin:0;color:#8498b3;font-size:12px;line-height:1.55}.role{font-size:9px;font-weight:900;letter-spacing:1px;padding:5px 8px;border-radius:5px}.role.owner{background:#4b3310;color:#ffc43a}.role.admin{background:#172d49;color:#8dbbff}.role.support{background:#113833;color:#45e0bd}.audit{margin-top:13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.setting-card{min-height:180px;display:flex;flex-direction:column;align-items:start;gap:13px}.setting-card h2{font-size:16px}.setting-card .secondary-button{margin-top:auto}.switch{display:flex;align-items:center;gap:10px;color:#9bb0c8;font-size:11px;font-weight:800;margin-top:auto}.switch input{display:none}.switch span{width:35px;height:19px;background:#2c3d55;border-radius:30px;position:relative}.switch span:after{content:"";height:13px;width:13px;border-radius:50%;background:#dae5f3;position:absolute;top:3px;left:3px}.danger{border-color:#5b3141}.danger-button{margin-top:auto;border:1px solid #88445a;color:#ff869b;background:#251620;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}.toast{position:fixed;right:25px;bottom:25px;background:#13243a;border:1px solid #315274;color:#e6f3ff;padding:13px 16px;border-radius:9px;font-size:12px;font-weight:700;box-shadow:0 16px 35px #0007;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1100px){.admin-sidebar{width:226px;min-width:226px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:29px}.health-head,.health-row{grid-template-columns:1.1fr .7fr 1fr .8fr}.health-head span:last-child,.health-row strong{display:none}.collector{grid-template-columns:1.2fr .6fr 1fr .7fr}.collector .row-action{display:none}}@media(max-width:790px){.admin-sidebar{position:fixed;z-index:40;left:-270px;transition:.25s;box-shadow:16px 0 35px #0008}.sidebar-open .admin-sidebar{left:0}.mobile-menu{display:block;border:1px solid var(--line);border-radius:7px;background:#122038;color:#dce8f6;width:34px;height:34px}.admin-topbar{padding:0 16px}.go-site{display:none}.admin-page{padding:25px 16px 40px}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:26px}.kpi-grid,.panel-grid,.metric-grid,.support-layout,.settings-grid,.roles{grid-template-columns:1fr}.roles>div{border-right:0;border-bottom:1px solid var(--line)}.roles>div:last-child{border-bottom:0}.service-row{grid-template-columns:8px 1fr auto}.service-row time{display:none}.health-head,.health-row{grid-template-columns:1fr .7fr .9fr}.health-head span:nth-child(3),.health-row span:nth-child(3){display:none}.collector{grid-template-columns:1fr .7fr .8fr}.collector span:nth-child(3){display:none}.diag-kpis{grid-template-columns:1fr 1fr}.top-actions{gap:7px}.admin-clock{display:none}.date-switch{width:100%;justify-content:space-between}.date-switch button{padding:8px}.toast{left:16px;right:16px;bottom:16px}.empty-panel{min-height:260px}}
/* Secure admin access screens */
.admin-auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 0,#132c4a 0,transparent 34%),#07111f;color:#f1f6ff;font-family:Inter,Arial,sans-serif}
.auth-card{width:min(100%,460px);padding:40px;border:1px solid #2b4664;border-radius:18px;background:#0b1727;box-shadow:0 30px 80px #0008}
.auth-brand{display:inline-flex;gap:10px;align-items:center;font-weight:900;letter-spacing:.13em;color:#fff;text-decoration:none}.auth-brand span{color:#ffb400;font-size:11px}
.auth-card h1{margin:28px 0 8px;font-size:25px}.auth-card p{color:#91a8c5;line-height:1.55;margin:0 0 24px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#b9c7d9;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.auth-card input{width:100%;box-sizing:border-box;border:1px solid #2c4663;border-radius:9px;background:#081321;color:#fff;padding:14px;font-size:15px;outline:none}.auth-card input:focus{border-color:#ffb400;box-shadow:0 0 0 3px #ffb4001f}.auth-card .primary-button{justify-content:center;border:0;margin-top:5px;padding:14px}.auth-card small{display:block;color:#6d849f;line-height:1.55;margin-top:22px}.auth-error{border:1px solid #d65b72;background:#521d2a55;color:#ffc1cc;border-radius:9px;padding:12px;font-size:13px;margin:0 0 17px}