.metric-help{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:.35rem;border:1px solid #4a5261;border-radius:50%;color:#aeb6c5!important;font-size:.6rem!important;text-decoration:none;cursor:help}
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080b12;color:#f4f6fb;--bg:#080b12;--surface:#10141d;--surface-2:#151a24;--line:#252b38;--muted:#929bab;--text:#f4f6fb;--accent:#8b7cff;--accent-2:#6657e8;--good:#43d69c;--warn:#f5bd55;--bad:#ff6877;--sidebar:248px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% -20%,#17162d 0,transparent 34%),var(--bg);color:var(--text);min-height:100vh}a{color:#b8afff;text-decoration:none}a:hover{color:#ddd8ff}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:99;background:#fff;color:#000;padding:.7rem;border-radius:.5rem}.skip-link:focus{top:1rem}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:1.25rem 1rem;background:rgba(11,14,21,.96);border-right:1px solid var(--line);overflow-y:auto;z-index:10}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);padding:.35rem .5rem 1.5rem}.brand:hover{color:var(--text)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--accent),#5748cf);font-weight:850;box-shadow:0 8px 24px #6657e833}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{font-size:.68rem;color:var(--muted);letter-spacing:.05em}.nav-group{margin:.25rem 0 1.1rem}.nav-group>span{display:block;padding:.35rem .7rem;color:#687181;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;font-weight:750}.nav-link{display:flex;align-items:center;gap:.7rem;color:#aeb6c5;padding:.58rem .68rem;border-radius:9px;font-size:.86rem;margin:.12rem 0}.nav-link:hover{background:#181d28;color:#fff}.nav-link.active{background:#201e35;color:#fff;box-shadow:inset 3px 0 var(--accent)}.nav-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #333948;border-radius:6px;font-size:.56rem;color:#a69cff;background:#171b25}.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--line);background:rgba(8,11,18,.87);backdrop-filter:blur(16px);z-index:9}.topbar-title{display:grid;gap:.1rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#7f8898;font-size:.64rem;font-weight:800}.topbar-title strong{font-size:.96rem}.user-menu{display:flex;align-items:center;gap:.7rem}.user-menu>span:nth-child(2){display:grid}.user-menu small{font-size:.68rem;color:var(--muted)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2a2548;color:#d5d0ff;font-weight:800}.workspace{margin-left:var(--sidebar);padding:108px clamp(1.25rem,3vw,3rem) 4rem;max-width:1800px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head h1{font-size:clamp(1.55rem,2.3vw,2.2rem);letter-spacing:-.035em;margin:0 0 .35rem}.page-head p{margin:0;color:var(--muted);font-size:.9rem}.periods{display:flex;padding:.25rem;border:1px solid var(--line);background:#0d1119;border-radius:9px}.periods a{padding:.36rem .65rem;border-radius:6px;color:var(--muted);font-size:.75rem;font-weight:700}.periods a.active{background:#2a2548;color:#fff}.health-strip,.panel,.callout{background:linear-gradient(145deg,rgba(19,23,33,.98),rgba(14,18,27,.98));border:1px solid var(--line);border-radius:16px}.health-strip{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin-bottom:1.4rem}.health-strip>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem}.health-strip small{grid-column:2;color:var(--muted);font-size:.72rem}.health-summary{display:flex;gap:1.3rem;color:var(--muted);font-size:.78rem}.health-summary b{color:#fff}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#758092;box-shadow:0 0 0 4px #7580921f}.status-dot.success{background:var(--good);box-shadow:0 0 0 4px #43d69c1f}.status-dot.danger{background:var(--bad);box-shadow:0 0 0 4px #ff68771f}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 .9rem}.section-heading h2,.panel h2{font-size:1rem;margin:.16rem 0}.section-heading a{font-size:.75rem}.section-note{color:var(--muted);font-size:.72rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1.4rem}.metric-card{min-height:112px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#11151e,#0c1017);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;overflow:hidden}.metric-card>div{display:grid;gap:.25rem;min-width:0}.metric-card span{color:#c4cad5;font-size:.76rem}.metric-card strong{font-size:1.45rem;letter-spacing:-.04em}.metric-card small{min-height:1em;color:#697283;font-size:.65rem}.sparkline{width:42%;min-width:90px;height:52px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px #8b7cff66)}.donut{width:60px;height:60px;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:5}.donut-track{stroke:#292d35}.donut-value{stroke:var(--accent);stroke-linecap:round}.chart-empty{display:grid!important;place-items:center;width:88px;height:48px;border-bottom:1px dashed #343947;color:#606979!important}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel{padding:1.1rem;margin-bottom:1rem;overflow:hidden}.panel.span-2{grid-column:span 2}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}.summary-card{display:grid;gap:.2rem;background:#11151e;border:1px solid var(--line);border-radius:13px;padding:1rem}.summary-card span,.summary-card small{color:var(--muted);font-size:.72rem}.summary-card strong{font-size:1.55rem}.table-wrap{overflow-x:auto;margin:0 -.35rem}table{border-collapse:collapse;width:100%;font-size:.78rem}th{color:#788292;text-transform:uppercase;letter-spacing:.07em;font-size:.62rem;font-weight:750}th,td{text-align:left;padding:.72rem .65rem;border-bottom:1px solid #202632;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#171b2480}.entity{display:grid;gap:.08rem}.entity strong{font-size:.78rem}.entity small{font-size:.66rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #343a47;border-radius:999px;padding:.2rem .48rem;font-size:.61rem;text-transform:uppercase;letter-spacing:.04em;color:#abb3c1;background:#222732}.badge.success{color:#70e8bb;background:#123026;border-color:#1f5a46}.badge.warning{color:#ffd582;background:#382c17;border-color:#66502a}.badge.danger{color:#ff9ca6;background:#371820;border-color:#6a2935}.event-list{display:grid}.event-list article{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid #222733}.event-list article:last-child{border:0}.event-list article div{display:grid;gap:.16rem}.event-list strong{font-size:.78rem}.event-list small{color:var(--muted);font-size:.66rem}.empty-state{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:92px;color:var(--muted)}.empty-state>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #343a47;border-radius:9px;color:#8f83ff}.empty-state p{font-size:.75rem}.integration-grid{display:grid;gap:.8rem}.integration-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;background:#11151e;border:1px solid var(--line);border-radius:14px}.integration-card h2{margin:0 0 .2rem;font-size:.9rem}.integration-card p{margin:0;color:var(--muted);font-size:.75rem}.integration-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#24203d;color:#b9b1ff;font-weight:800}.callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem}.callout p{margin:.25rem 0 0;color:var(--muted);font-size:.75rem}.button,input,select{font:inherit;border:1px solid #373e4d;border-radius:8px;background:#121721;color:#f4f6fb;padding:.48rem .68rem}.button{cursor:pointer;background:var(--accent-2);border-color:#796af0;font-size:.73rem;font-weight:700}.button:hover{background:#7668ed}.button.ghost{background:transparent;border-color:#353b48}.button.small{font-size:.65rem;padding:.32rem .52rem}.button.danger{background:#4a2028;border-color:#77323e}.action-form{display:flex;align-items:center;gap:.35rem}.action-form input{width:74px}.action-form select{width:80px}.settings-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:.7rem;align-items:end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}label{display:grid;gap:.3rem;color:#b8bfcb;font-size:.7rem}.muted{color:var(--muted);font-size:.7rem}.mobile-menu{display:none}.login{display:grid;place-items:center;min-height:100vh;padding:1rem}.login main{width:min(430px,100%)}.login section{background:#111620;border:1px solid var(--line);border-radius:18px;padding:2rem;box-shadow:0 24px 80px #0008}.login h1{font-size:2rem;margin:.2rem 0}.login form{display:grid;gap:.45rem}.login input{width:100%;margin-top:.3rem;padding:.7rem}.login button{margin-top:.5rem;cursor:pointer;background:var(--accent-2);border:1px solid #796af0;border-radius:8px;color:#fff;padding:.65rem .8rem;font:inherit;font-weight:700}.login button:hover{background:#7668ed}.hint{color:var(--muted);font-size:.78rem;line-height:1.5}.error{color:#ffb1b8;background:#35171e;border:1px solid #73303c;border-radius:8px;padding:.7rem}.totp-qr{display:block;width:min(280px,100%);height:auto;margin:1rem auto;background:#fff;border:12px solid #fff;border-radius:10px}
.nav-icon svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link.active .nav-icon{border-color:#5f54a8;background:#292445;color:#c5beff}.brand-mark{width:42px;height:44px;background:transparent;border-radius:0;box-shadow:none}.brand-mark img{display:block;width:31px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 8px #000)}.login-logo{display:block;object-fit:contain;margin:-.75rem auto .55rem;filter:drop-shadow(0 10px 18px #0009)}.login-logo.compact{margin-top:-.35rem}
.filter-form{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr)) auto auto;gap:.7rem;align-items:end}.filter-form .button{height:34px;display:grid;place-items:center}.filter-form input,.filter-form select{min-width:0;width:100%}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.panel.span-2{grid-column:span 2}.settings-form,.filter-form{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.topbar{left:0;height:68px;padding:0 1rem}.topbar-title{display:none}.user-menu>span:nth-child(2){display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px;padding:.45rem .65rem;font-size:.75rem}.mobile-menu[open] .primary-nav{position:absolute;left:0;top:42px;width:min(300px,85vw);max-height:75vh;overflow:auto;background:#0e121b;border:1px solid var(--line);border-radius:12px;padding:.8rem;box-shadow:0 20px 60px #000b}.workspace{padding:92px 1rem 3rem}.page-head{align-items:start;flex-direction:column}.metric-grid,.dashboard-grid{grid-template-columns:1fr}.panel.span-2{grid-column:auto}.health-strip{align-items:flex-start;flex-direction:column}.health-summary{flex-wrap:wrap}.settings-form,.filter-form{grid-template-columns:1fr}.callout{align-items:flex-start;flex-direction:column}}