:root{
  --bg:#dfe2e5;--surface:rgba(245,247,249,.66);--surface-solid:#edf0f2;--text:#202328;
  --muted:#707780;--line:rgba(32,35,40,.10);--shadow:12px 12px 28px rgba(90,96,104,.16),-10px -10px 26px rgba(255,255,255,.72);
  --inset:inset 2px 2px 6px rgba(90,96,104,.12),inset -2px -2px 6px rgba(255,255,255,.8);
  --accent:#25282d;--good:#2f8b61;--warn:#b77a25;--danger:#c55252
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.glass{background:var(--surface);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sidebar{width:270px;position:fixed;left:18px;top:18px;bottom:18px;border-radius:26px;padding:25px 17px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark{height:42px;width:42px;border-radius:13px;background:#25282d;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:5px 5px 12px rgba(70,75,82,.25),inset 1px 1px 2px rgba(255,255,255,.15)}
.brand strong{display:block;font-size:16px}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:800;color:#8a9097}.workspace{padding:0 4px 18px}.workspace-btn{width:100%;border:0;background:rgba(255,255,255,.28);padding:10px 11px;border-radius:12px;box-shadow:var(--inset);display:flex;align-items:center;gap:8px;color:var(--text);font-size:11px}.workspace-icon{font-size:17px}.chevron{margin-left:auto;color:var(--muted)}
.nav{display:flex;flex-direction:column;gap:5px}.nav-gap{margin-top:18px}.nav-item{height:39px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#62686f;font-size:12px;font-weight:600;transition:.2s}.nav-item span{width:16px;text-align:center;font-size:14px}.nav-item b{margin-left:auto;font-size:9px;background:#d4d7da;border-radius:20px;padding:3px 7px}.nav-item:hover{background:rgba(255,255,255,.4);color:var(--text)}.nav-item.active{background:#25282d;color:#fff;box-shadow:6px 6px 12px rgba(70,75,82,.22)}
.sidebar-bottom{margin-top:auto}.agent-card{margin:12px 3px;padding:13px;border-radius:14px;background:rgba(255,255,255,.32);box-shadow:var(--inset)}.agent-status{font-size:10px;font-weight:700}.agent-status i,.status-pill i{display:inline-block;width:7px;height:7px;background:var(--good);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(47,139,97,.1)}.agent-card span{font-size:9px;color:var(--muted);display:block;margin-top:6px}.profile{display:flex;align-items:center;gap:9px;padding:12px 5px 0;border-top:1px solid var(--line);margin-top:8px}.avatar{height:31px;width:31px;border-radius:10px;background:#d4d7da;display:grid;place-items:center;font-size:9px;font-weight:800;box-shadow:var(--inset)}.profile strong{display:block;font-size:9px}.profile span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.profile .more{margin-left:auto}
.main{margin-left:306px;width:calc(100% - 306px);padding:18px 30px 45px}.topbar{height:60px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:9px}.breadcrumb strong{color:var(--text)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.status-pill,.period-select{border:0;background:rgba(255,255,255,.35);box-shadow:var(--inset);color:var(--text)}.icon-btn{width:36px;height:36px;border-radius:11px;position:relative}.notification-dot{position:absolute;right:8px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--danger)}.status-pill{height:34px;border-radius:18px;padding:0 13px;font-size:9px;font-weight:700}
.content{max-width:1500px;margin:auto}.hidden{display:none}.hero{display:flex;justify-content:space-between;align-items:end;padding:30px 4px 26px}.hero.compact{align-items:center}.hero h1{font-size:30px;letter-spacing:-.04em;margin:7px 0 8px}.hero p{font-size:12px;color:var(--muted);max-width:650px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:9px}.btn{border:0;border-radius:12px;padding:11px 15px;font-size:10px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#25282d;color:white;box-shadow:7px 7px 14px rgba(70,75,82,.2)}.btn.secondary{background:rgba(255,255,255,.4);color:var(--text);box-shadow:var(--inset)}.btn.full{width:100%;margin-top:8px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.stat-card{border-radius:19px;padding:18px}.stat-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:600}.stat-value{font-size:31px;font-weight:800;letter-spacing:-.04em;margin:15px 0 9px}.stat-value span{font-size:17px}.stat-foot{font-size:9px;font-weight:700}.stat-foot em{font-style:normal;color:var(--muted);font-weight:500}.positive{color:var(--good)}.warning{color:var(--warn)}.neutral{color:var(--muted)}.mini-icon{height:22px;width:22px;border-radius:7px;display:grid;place-items:center;background:#e3e5e7;color:#6f747a;font-size:11px}.mini-icon.success{color:var(--good)}.mini-icon.danger{color:var(--danger)}
.grid-2{display:grid;grid-template-columns:1.08fr .92fr;gap:15px;margin-bottom:15px}.panel{border-radius:20px;padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-header h2{font-size:14px;margin:6px 0 0}.text-btn{border:0;background:none;color:#686e75;font-size:9px;font-weight:800}.cluster-list{display:flex;flex-direction:column;gap:7px}.cluster-row{display:grid;grid-template-columns:35px 1fr 75px 90px;align-items:center;gap:11px;padding:11px;border-radius:13px;background:rgba(255,255,255,.24);transition:.2s}.cluster-row:hover{background:rgba(255,255,255,.5);transform:translateX(2px)}.cluster-symbol{width:32px;height:32px;border-radius:10px;background:#e3e6e8;box-shadow:var(--inset);display:grid;place-items:center;font-size:14px}.warning-bg{color:var(--warn)}.cluster-info strong{font-size:10px;display:block}.cluster-info span{font-size:8px;color:var(--muted);display:block;margin-top:4px}.health-score{text-align:right}.health-score b{display:block;font-size:10px}.health-score span{font-size:8px;color:var(--good)}.warning-text b,.warning-text span{color:var(--warn)}.sparkline{height:28px;display:flex;align-items:end;justify-content:flex-end;gap:3px}.sparkline i{display:block;width:4px;border-radius:3px;background:#737980;opacity:.55}
.period-select{font-size:9px;border-radius:9px;padding:7px 9px;outline:none}.chart-wrap{position:relative}.chart-value strong{font-size:25px}.chart-value span{font-size:9px;color:var(--muted);margin-left:7px}.chart{height:185px;margin-top:8px;position:relative;overflow:hidden}.chart svg{position:absolute;inset:0;width:100%;height:100%}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:#44494f;stroke-width:3;vector-effect:non-scaling-stroke}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed rgba(80,85,90,.12)}.grid-line.one{top:25%}.grid-line.two{top:50%}.grid-line.three{top:75%}.chart-labels{display:flex;justify-content:space-between;color:#92979d;font-size:8px}
.incident-table{font-size:9px}.table-head,.incident-row{display:grid;grid-template-columns:2.1fr 1fr 1.1fr .8fr .7fr;align-items:center;gap:10px}.table-head{padding:0 12px 9px;color:#989da2;font-size:8px;font-weight:800}.incident-row{padding:13px 12px;border-top:1px solid var(--line);transition:.2s}.incident-row:hover{background:rgba(255,255,255,.25)}.incident-name{display:flex;gap:10px;align-items:center}.incident-name strong{display:block;font-size:9px}.incident-name span{display:block;color:var(--muted);font-size:8px;margin-top:4px}.severity{width:7px;height:7px;border-radius:50%;display:block;box-shadow:0 0 0 5px rgba(197,82,82,.08)}.severity.critical{background:var(--danger)}.severity.warning{background:var(--warn);box-shadow:0 0 0 5px rgba(183,122,37,.08)}.badge{width:max-content;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800}.recovering{background:rgba(47,139,97,.11);color:var(--good)}.investigating{background:rgba(183,122,37,.12);color:var(--warn)}.action{background:rgba(197,82,82,.1);color:var(--danger)}
.generic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.generic-card{border-radius:20px;padding:20px;min-height:150px}.generic-card h3{font-size:13px;margin:12px 0 7px}.generic-card p{font-size:9px;line-height:1.6;color:var(--muted)}.generic-card .big{font-size:28px;font-weight:800}.generic-card .card-icon{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;background:#e1e4e6;box-shadow:var(--inset)}
.toast-container{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{padding:13px 16px;border-radius:13px;background:#272a2f;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:10px;animation:slide .25s ease}.toast span{display:block;color:#b9bec3;margin-top:4px;font-size:8px}@keyframes slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.modal-backdrop{position:fixed;inset:0;background:rgba(25,28,31,.25);backdrop-filter:blur(7px);z-index:90;display:grid;place-items:center}.modal{width:min(420px,90vw);padding:26px;border-radius:22px;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:20px;color:var(--muted)}.modal h2{font-size:20px;margin:8px 0}.modal p{font-size:10px;line-height:1.6;color:var(--muted);margin-bottom:18px}.modal label{display:block;font-size:9px;font-weight:700;margin:11px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;border:0;outline:0;background:rgba(255,255,255,.35);box-shadow:var(--inset);border-radius:10px;padding:11px;font-size:10px;color:var(--text)}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:250px;width:calc(100% - 250px);padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.generic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:70px;border-radius:0;padding:18px 10px}.brand div:not(.brand-mark),.workspace,.eyebrow,.nav-item b,.agent-card,.profile div:not(.avatar),.profile .more{display:none}.brand{padding:0 4px 22px}.nav-item{justify-content:center;padding:0}.nav-item span{font-size:17px}.sidebar-bottom .nav-item{justify-content:center}.main{margin-left:70px;width:calc(100% - 70px);padding:10px 12px}.top-actions .status-pill{display:none}.hero{display:block}.hero-actions{margin-top:18px}.stats-grid{grid-template-columns:1fr 1fr}.table-head{display:none}.incident-row{grid-template-columns:1fr 1fr;gap:8px}.incident-row>span:nth-child(2),.incident-row>span:nth-child(3){display:none}.generic-grid{grid-template-columns:1fr}.cluster-row{grid-template-columns:35px 1fr 65px}.sparkline{display:none}}

.high-contrast{--bg:#cdd1d5;--surface:rgba(250,250,250,.82);--text:#111318}.high-contrast .glass{box-shadow:8px 8px 18px rgba(70,75,82,.2),-8px -8px 18px rgba(255,255,255,.9)}
body.modal-open{overflow:hidden}.modal-backdrop.hidden{display:none!important}.modal-close{z-index:2;cursor:pointer;pointer-events:auto}