/* Local system fonts: works without external font CDN. */
:root{color-scheme:dark;--bg:#0a1020;--surface:#111a2e;--surface2:#172238;--border:#273750;--txt:#e9eefb;--muted:#96a8c5;--primary:#8b7aff;--accent:#49d9ba;--danger:#ff798e;--shadow:0 18px 55px rgba(1,5,16,.22)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:radial-gradient(circle at 70% -10%,#1b2556 0%,transparent 42%),var(--bg);font:400 1rem/1.55 'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt)}a{color:#b1a6ff;text-decoration:none}a:hover{color:#d8d2ff}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.65rem,2.7vw,2.4rem);letter-spacing:-.035em;line-height:1.2}h2{font-size:1.12rem;letter-spacing:-.01em}p{line-height:1.65}.muted,.sub{color:var(--muted)}.sub{margin-top:8px}.eyebrow{color:var(--accent);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.shell{display:flex;min-height:100vh}.sidebar{width:256px;position:fixed;inset:0 auto 0 0;padding:27px 17px;background:linear-gradient(180deg,#131d33,#0d1528);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:12}.logo{display:flex;gap:12px;align-items:center;padding:5px 10px 34px}.logo-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;color:white;font-weight:900;font-size:1.4rem;background:linear-gradient(135deg,#8e76ff,#47c7ca);box-shadow:0 7px 26px #7968e84b}.logo b{font-size:1.1rem;letter-spacing:-.035em}.logo small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.035em}.nav-label{padding:13px 14px 7px;color:#7489a9;font-size:.67rem;letter-spacing:.14em;font-weight:800}.nav-link{display:flex;gap:13px;align-items:center;padding:12px 14px;color:#bdc9dc;border-radius:11px;font-weight:600;margin:3px 0;transition:.15s}.nav-link:hover{background:#24324b;color:white}.nav-link.active{color:white;background:linear-gradient(92deg,#6859c9,#473e82);box-shadow:0 7px 22px #4f479b46}.nav-ico{width:22px;text-align:center;font-size:1.12rem}.sidebar-bottom{margin-top:auto;padding:14px 9px 0;border-top:1px solid var(--border)}.account{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere;padding:0 5px 12px}.content{margin-left:256px;padding:28px min(4vw,52px) 75px;width:calc(100% - 256px);min-width:0;max-width:1800px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;margin-bottom:25px;border-bottom:1px solid #223048}.top-title{font-size:.8rem;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 11px;border:1px solid #31584e;color:#83e9c3;background:#102f31;font-size:.74rem;font-weight:700}.pill.yellow{background:#32291b;color:#f7c880;border-color:#56402b}.pill.red{background:#402334;color:#ffa5b1;border-color:#63324b}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#423973;color:#dfd6ff;font-weight:800}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-bottom:24px}.page-heading .sub{max-width:730px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{background:linear-gradient(145deg,#17233d,#111b30);border:1px solid var(--border);padding:23px;border-radius:17px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem;font-weight:600;gap:8px}.stat-ico{height:36px;width:36px;display:grid;place-items:center;border-radius:10px;background:#2b2b56;color:#b7b0ff;font-size:1.12rem}.stat-number{font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:800;letter-spacing:-.04em;margin:9px 0 6px;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-bottom{font-size:.75rem;color:var(--muted)}.tone-green .stat-ico{background:#17493e;color:#70f0c9}.tone-gold .stat-ico{background:#503d24;color:#fbd28b}.tone-blue .stat-ico{background:#193c53;color:#86d9ff}.row-panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.panel{border:1px solid var(--border);background:linear-gradient(135deg,#141f34,#101a2c);border-radius:17px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{color:#8fa0bd;text-transform:uppercase;font-size:.69rem;letter-spacing:.1em;font-weight:700;padding:12px 13px;background:#18243a}.data-table td{padding:16px 13px;border-bottom:1px solid #26334a;font-size:.84rem}.data-table tr:last-child td{border-bottom:0}.data-table .secondary{font-size:.74rem;color:var(--muted)}.data-table td strong{font-weight:700}.empty{text-align:center;color:var(--muted);padding:30px!important}.status-dot{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:5px 10px;background:#24354a;color:#c5d3e9;font-size:.73rem;font-weight:700}.status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.status-dot.ok{background:#183c34;color:#86eac4}.status-dot.warn{background:#433722;color:#f8d18e}.status-dot.off{background:#432838;color:#ff9cae}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick{padding:16px;border:1px solid #344463;background:#19263f;border-radius:12px;color:#e2e8fa;display:block}.quick:hover{background:#273659;color:#fff}.quick span{display:block;margin-bottom:8px;font-size:1.4rem}.quick small{display:block;color:var(--muted);margin-top:3px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.field{margin-bottom:16px}.field label,label{display:block;font-weight:600;font-size:.8rem;color:#cbd5ea;margin-bottom:7px}.input,input:not([type=checkbox]):not([type=hidden]),select{background:#0b1529;border:1px solid #354664;border-radius:10px;padding:11px 13px;color:var(--txt);max-width:100%;width:100%;outline:none;min-height:44px}.input:focus,input:focus,select:focus{border-color:#8f83fa;box-shadow:0 0 0 3px #8676f322}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(100deg,#7969ee,#9e71e9);border:0;border-radius:10px;color:white;font-weight:700;padding:11px 17px;line-height:1.4;text-align:center}.btn:hover,button:hover{filter:brightness(1.09);color:white}.btn-outline{background:#1c2a41;border:1px solid #344764}.btn-small{padding:7px 10px;font-size:.75rem}.btn-danger{background:#4b2c3b;color:#ffc2cf}.btn-ghost{background:transparent;border:1px solid var(--border)}.searchbar{display:flex;gap:8px;max-width:360px}.alert{background:#153c35;color:#a5f9d4;border:1px solid #266550;padding:13px 16px;border-radius:11px;margin-bottom:19px}.error{background:#482938;color:#ffd1d8;border:1px solid #754259;padding:13px 16px;border-radius:11px;margin-bottom:19px}.alert ul,.error ul{margin:0;padding-left:18px}.footnote{color:var(--muted);font-size:.77rem;margin-top:20px}.system-check{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.system-check:last-child{border:0}.badge-mini{font-size:.76rem;font-weight:700}.good{color:#66e8ba}.bad{color:#ff9ba9}.mobile-brand{display:none}.mobile-nav{display:none}.mini-chart{display:flex;align-items:end;gap:7px;height:110px;margin:22px 0 8px}.mini-chart span{flex:1;min-height:5px;border-radius:5px 5px 0 0;background:linear-gradient(#9b88ff,#514ba0)}.text-right{text-align:right}.w-auto{width:auto!important}.section-actions{display:flex;gap:10px;flex-wrap:wrap}.progressbar{height:7px;background:#253349;border-radius:10px;overflow:hidden;margin-top:12px}.progressbar div{height:100%;background:linear-gradient(90deg,#56d3c2,#8577f9)}
@media(max-width:1170px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.row-panels{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{display:none}.content{margin:0;width:100%;padding:18px 15px 80px}.topbar{margin-bottom:20px;padding:13px 0 21px}.mobile-brand{display:block;font-weight:800}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:9px 6px max(9px,env(safe-area-inset-bottom));background:#111b30;border-top:1px solid #37465e;box-shadow:0 -5px 25px #050b1a8c}.mobile-nav a{font-size:.67rem;text-align:center;color:#b7c5de;padding:3px 2px}.mobile-nav b{display:block;font-size:1.25rem;font-weight:500}.mobile-nav a.active{color:#b6a3ff}.page-heading{align-items:start}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.stat-card{padding:17px}}
@media(max-width:460px){.stats{gap:9px}.stat-card{padding:14px}.stat-number{font-size:1.7rem}.stat-top{font-size:.72rem}.quick-actions{grid-template-columns:1fr}.top-actions .pill{display:none}}