@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600;6..96,700&family=Jost:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap");:root{--navy:#070d16;--accent:#38b6ff;--accent-lt:#7fd0ff;--bg:#05080e;--card:#0b1320;--card2:#101b2b;--line:#1a2b40;--ink:#d8e6f8;--mut:#7e92ab;--green:#2ee6a8;--green-bg:rgba(46,230,168,.13);--red:#ff5f6d;--red-bg:rgba(255,95,109,.13);--amber:#ffb020;--amber-bg:rgba(255,176,32,.13);--blue-bg:rgba(56,182,255,.1);--glow:0 0 18px rgba(56,182,255,.28)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1100px 500px at 85% -10%,rgba(56,182,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(56,182,255,.06),transparent 60%),var(--bg);color:var(--ink);font-size:14px;min-height:100vh}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}aside.sidebar{background:linear-gradient(180deg,#060c15,#04070d);border-right:1px solid var(--line);color:#9db1c9;padding:18px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:0 18px 16px;border-bottom:1px solid rgba(56,182,255,.12);margin-bottom:12px}.brand small.os{display:block;margin-top:7px;font-size:9px;color:var(--accent-lt);letter-spacing:3px;opacity:.8}.nav-sec{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#44597a;padding:12px 18px 5px}.nav a{display:flex;align-items:center;gap:9px;padding:9px 18px;color:#9db1c9;font-weight:500;border-left:2px solid transparent;cursor:pointer;transition:.12s}.nav a:hover{background:rgba(56,182,255,.05);color:#e6f3ff}.nav a.active{background:linear-gradient(90deg,rgba(56,182,255,.14),transparent);color:var(--accent-lt);border-left-color:var(--accent);text-shadow:0 0 14px rgba(56,182,255,.6)}.nav a .ico{width:18px;text-align:center;opacity:.9}main.content{padding:22px 28px 60px;max-width:1200px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.topbar h2{font-size:20px;color:#fff;letter-spacing:.4px}.topbar .sub{color:var(--mut);font-size:12.5px;margin-top:2px}.user-chip{gap:9px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 12px}.avatar,.user-chip{display:flex;align-items:center}.avatar{width:28px;height:28px;border-radius:50%;background:#0a1626;border:1px solid rgba(56,182,255,.45);color:var(--accent-lt);font-size:11px;font-weight:700;justify-content:center}.user-chip small{display:block;color:var(--mut);font-size:10.5px}.grid{display:grid;grid-gap:14px;gap:14px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,rgba(17,28,44,.75),rgba(10,17,28,.9));border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 8px 26px rgba(0,0,0,.35)}.card h3{font-size:13.5px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#fff;letter-spacing:.3px;gap:8px}.kpi .lbl{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:1px}.kpi .val{font-size:23px;font-weight:800;margin:4px 0 2px;color:#fff;text-shadow:0 0 20px rgba(56,182,255,.25)}.kpi .chg{font-size:11.5px}.up{color:var(--green)}.dn{color:var(--red)}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:#5c7494;text-align:left;padding:7px 8px;border-bottom:1px solid var(--line)}td{padding:9px 8px;border-bottom:1px solid rgba(26,43,64,.55);vertical-align:top}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.p-green{background:var(--green-bg);color:var(--green);border-color:rgba(46,230,168,.3)}.p-red{background:var(--red-bg);color:var(--red);border-color:rgba(255,95,109,.3)}.p-amber{background:var(--amber-bg);color:var(--amber);border-color:rgba(255,176,32,.3)}.p-blue{background:var(--blue-bg);color:var(--accent-lt);border-color:rgba(56,182,255,.3)}.p-gray{background:rgba(126,146,171,.12);color:var(--mut);border-color:rgba(126,146,171,.25)}.btn{display:inline-block;padding:9px 18px;border-radius:9px;border:none;font-weight:700;font-size:12.5px;cursor:pointer;transition:.12s;font-family:inherit}.btn-accent{background:linear-gradient(135deg,#249fe8,#5ec6ff);color:#02101e;box-shadow:0 0 18px rgba(56,182,255,.35)}.btn-accent:hover{box-shadow:0 0 26px rgba(56,182,255,.55)}.btn-dark{background:#0f2036;color:var(--accent-lt);border:1px solid rgba(56,182,255,.4)}.btn-line{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-line:hover{border-color:var(--accent)}.btn[disabled]{opacity:.5;cursor:not-allowed}.mut{color:var(--mut)}.sm{font-size:12px}.xs{font-size:11px}.mb{margin-bottom:14px}.mt{margin-top:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:13px;font-family:inherit;background:#0a1422;color:var(--ink)}input::placeholder,textarea::placeholder{color:#54688a}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--glow)}label.fld{display:block;font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;margin:10px 0 5px}.alert{display:flex;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:8px;font-size:12.5px;align-items:flex-start;border:1px solid transparent}.a-red{background:var(--red-bg);border-color:rgba(255,95,109,.25)}.a-amber{background:var(--amber-bg);border-color:rgba(255,176,32,.25)}.a-blue{background:var(--blue-bg);border-color:rgba(56,182,255,.25)}.a-green{background:var(--green-bg);border-color:rgba(46,230,168,.25)}.login-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% 20%,rgba(56,182,255,.14),transparent 60%),#020409}.login-wrap:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(56,182,255,.025) 0 1px,transparent 1px 4px);pointer-events:none}.login-card{background:rgba(10,18,30,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(56,182,255,.25);border-radius:18px;padding:42px 40px;width:420px;max-width:94vw;text-align:center;box-shadow:0 0 60px rgba(56,182,255,.15),0 30px 80px rgba(0,0,0,.6);position:relative}.login-card h1{font-size:12px;margin:14px 0 2px;color:var(--accent-lt);letter-spacing:5px;text-transform:uppercase;font-weight:600}.login-card p{color:var(--mut);margin-bottom:20px;font-size:12px}.err{background:var(--red-bg);border:1px solid rgba(255,95,109,.35);color:var(--red);border-radius:9px;padding:9px 12px;font-size:12.5px;margin-bottom:10px}.dhclogo{filter:drop-shadow(0 0 14px rgba(56,182,255,.3))}.bar{height:8px;background:#0d1930;border-radius:6px;overflow:hidden;border:1px solid rgba(56,182,255,.15)}.bar i{display:block;height:100%;background:linear-gradient(90deg,#1d86c9,var(--accent));border-radius:6px;box-shadow:0 0 12px rgba(56,182,255,.6)}.scopebox{background:#0a1422;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:13px;line-height:1.6;white-space:pre-wrap}.result-card{background:rgba(56,182,255,.06);border-color:rgba(56,182,255,.45)}@media (max-width:900px){.shell{grid-template-columns:1fr}aside.sidebar{position:static;height:auto}.g2,.g3,.g4{grid-template-columns:1fr}}.card{border-radius:16px;border-color:rgba(56,182,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.04);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:rgba(56,182,255,.22)}.kpi{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .lbl{letter-spacing:1.6px;font-size:10.5px;opacity:.85}.btn{border-radius:10px;font-weight:600;letter-spacing:.2px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{font-weight:600;letter-spacing:.3px}.nav a{border-radius:0 10px 10px 0}.nav a:hover{color:#dbe9ff;background:rgba(56,182,255,.06)}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(56,182,255,.05)}th{letter-spacing:1.1px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,182,255,.14)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a2b40;border-radius:8px;border:2px solid #05080e}::-webkit-scrollbar-thumb:hover{background:#27405e}::selection{background:rgba(56,182,255,.3)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}