:root{
  color-scheme:dark;
  --bg:#050c14;
  --bg2:#07111d;
  --panel:#0a1724;
  --panel2:#0d1c2b;
  --panel3:#102234;
  --line:rgba(151,190,219,.13);
  --line2:rgba(151,203,235,.23);
  --text:#f4f8fb;
  --muted:#91a7b9;
  --soft:#637b8e;
  --cyan:#21d8ed;
  --blue:#319cf5;
  --green:#42e5aa;
  --amber:#ffbd45;
  --red:#ff6d65;
  --purple:#a97cf3;
  --shadow:0 24px 70px rgba(0,0,0,.28);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(150deg,#030a11 0%,#071321 48%,#050d16 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 74% -8%,rgba(24,126,191,.12),transparent 28%),radial-gradient(circle at 16% 95%,rgba(32,216,237,.055),transparent 24%);z-index:0}
button,input,select{font:inherit}a{color:inherit}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;max-width:1920px;margin:0 auto}
.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(5,15,25,.97),rgba(4,13,22,.92));display:flex;flex-direction:column;overflow:hidden}.sidebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:230px;background:linear-gradient(transparent,rgba(18,158,189,.025));pointer-events:none}.brand{display:flex;align-items:center;gap:14px;padding:4px 12px 28px;text-decoration:none;position:relative;z-index:1}.brand>span:last-child{display:grid}.brand strong{font-size:22px;letter-spacing:.13em;line-height:1}.brand small{font-size:9px;letter-spacing:.42em;margin-top:7px;color:#c9d6df}.brand-mark{width:48px;height:48px;position:relative;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;border:1px solid rgba(33,216,237,.42);background:linear-gradient(145deg,rgba(33,216,237,.14),rgba(49,156,245,.08));box-shadow:0 0 30px rgba(33,216,237,.12),inset 0 0 24px rgba(33,216,237,.06)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:8px;border:1px solid rgba(33,216,237,.44);transform:rotate(30deg);border-radius:9px}.brand-mark:after{inset:13px;transform:rotate(-30deg);border-color:rgba(49,156,245,.55)}.brand-mark b{position:relative;z-index:2;font-size:20px;color:#c8fbff}.brand-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);z-index:3}.brand-mark i:nth-child(1){top:5px;left:21px}.brand-mark i:nth-child(2){right:5px;top:21px}.brand-mark i:nth-child(3){bottom:5px;left:21px}.brand-mark i:nth-child(4){left:5px;top:21px}.side-nav{display:grid;gap:7px;position:relative;z-index:1}.side-nav a{min-height:48px;display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:11px;padding:0 13px;text-decoration:none;color:#b3c0cb;font-size:13px;transition:.18s ease}.side-nav a i{width:24px;text-align:center;font-style:normal;font-size:19px;color:#a6b8c6}.side-nav a:hover,.side-nav a.active{color:#dffcff;background:linear-gradient(90deg,rgba(33,216,237,.12),rgba(33,216,237,.045));border-color:rgba(33,216,237,.17)}.side-nav a.active{box-shadow:inset -2px 0 var(--cyan)}.side-nav a.active i{color:var(--cyan)}.system-card{margin-top:auto;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,rgba(12,29,44,.88),rgba(7,19,31,.84));padding:16px;position:relative;z-index:1;box-shadow:var(--shadow)}.system-title{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.11em;color:#8398a8}.system-card>strong{display:block;font-size:14px;color:var(--green);margin-top:7px}.system-card>small{display:block;border-top:1px solid var(--line);padding-top:11px;margin-top:10px;color:#7d92a3;font-size:9px}.mini-heartbeat{height:32px;display:flex;align-items:center;overflow:hidden}.mini-heartbeat span{display:block;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan) 20%,var(--cyan) 42%,transparent 43%,var(--cyan) 46%,transparent 48%,var(--cyan) 51%,var(--cyan) 80%,transparent);filter:drop-shadow(0 0 4px rgba(33,216,237,.5))}
main{min-width:0;padding:24px 24px 20px}.mobile-header{display:none}.topbar{display:grid;grid-template-columns:minmax(280px,1fr) auto 300px;gap:14px;align-items:center;margin-bottom:14px}.top-search{height:54px;border:1px solid var(--line);background:rgba(9,24,38,.88);border-radius:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:0 14px;color:var(--muted)}.top-search>span{font-size:22px}.top-search input{border:0;outline:0;background:transparent;color:var(--text);min-width:0;font-size:13px}.top-search input::placeholder{color:#718699}.top-search kbd{font-size:9px;color:#718699;border:1px solid var(--line);border-radius:6px;padding:4px 6px;background:rgba(255,255,255,.025)}.period-switch{height:54px;display:flex;align-items:center;padding:5px;border:1px solid var(--line);background:rgba(9,24,38,.88);border-radius:13px}.period-switch button{height:100%;min-width:46px;border:0;border-radius:9px;background:transparent;color:#748b9d;font-size:10px;cursor:pointer}.period-switch button:hover,.period-switch button.active{background:rgba(33,216,237,.1);color:#c9fbff}.live-banner{height:54px;border:1px solid rgba(66,229,170,.25);border-radius:13px;background:linear-gradient(110deg,rgba(10,41,40,.7),rgba(8,28,38,.86));display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:0 14px}.live-banner>div{display:grid}.live-banner strong{font-size:11px}.live-banner small{color:#86a39f;font-size:8px;margin-top:2px}.pulse-line{font-style:normal;font-size:24px;color:var(--cyan)}.live-dot{width:9px;height:9px;border-radius:50%;background:#7b8790;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.025)}.live-dot.live{background:var(--green);box-shadow:0 0 0 4px rgba(66,229,170,.07),0 0 16px rgba(66,229,170,.6)}.errorbox{display:none;margin-bottom:12px;padding:11px 13px;border:1px solid rgba(255,109,101,.22);border-radius:12px;background:rgba(255,109,101,.07);color:#ffc1bc;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.primary-column,.insights-column{display:grid;gap:14px;min-width:0}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,25,39,.94),rgba(7,20,32,.9));border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line)}.panel-head h1,.panel-head h2{font-size:20px;line-height:1;margin:5px 0 0;letter-spacing:-.025em}.eyebrow{display:block;color:#71889a;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.count-pill{font-size:9px;color:#83a4b8;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.timeline-panel{min-height:610px}.timeline-list{padding:0 20px 10px}.day-group{padding:13px 0 0}.day-label{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:8px 3px;background:linear-gradient(90deg,rgba(8,21,34,.97),rgba(8,21,34,.88));backdrop-filter:blur(10px)}.day-label strong{font-size:11px;text-transform:capitalize}.day-label span{font-size:8px;color:#6e8597}.event-stack{position:relative}.event-stack:before{content:"";position:absolute;left:98px;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),rgba(49,156,245,.25),transparent);opacity:.58}.event{display:grid;grid-template-columns:76px 44px minmax(0,1fr);align-items:start;min-height:98px;padding:7px 0;position:relative}.event>time{padding-top:22px;text-align:right;display:grid}.event>time strong{font-size:11px;color:#b9c9d5;font-variant-numeric:tabular-nums}.event>time small{font-size:7px;color:#60788b;margin-top:3px}.event-node{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;justify-self:center;margin-top:17px;background:#092236;border:1px solid var(--event-color,var(--cyan));box-shadow:0 0 16px color-mix(in srgb,var(--event-color,var(--cyan)) 28%,transparent);position:relative;z-index:2}.event-node:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--event-color,var(--cyan));box-shadow:0 0 8px var(--event-color,var(--cyan))}.event-node span{display:none}.event-card{min-width:0;border:1px solid rgba(155,197,226,.11);border-radius:11px;background:linear-gradient(110deg,rgba(14,33,50,.93),rgba(10,27,42,.88));min-height:84px;padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;transition:.16s ease}.event-card:hover{border-color:rgba(33,216,237,.18);transform:translateY(-1px);background:linear-gradient(110deg,rgba(16,38,58,.96),rgba(10,28,43,.9))}.event-main{min-width:0}.event-title-row{display:flex;align-items:center;gap:8px;min-width:0}.event-title-row h3{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-badge{flex:0 0 auto;font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:var(--event-color,var(--cyan));padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--event-color,var(--cyan)) 10%,transparent)}.event-main p{font-size:9px;line-height:1.45;color:#94a8b8;margin:6px 0 0;word-break:break-word}.event-state{align-self:center;display:flex;align-items:center;gap:6px;font-size:9px}.event-state i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;font-style:normal}.state-success{color:var(--green)}.state-warning{color:var(--amber)}.state-error{color:var(--red)}.state-info{color:#7ea6c0}.event-meta{grid-column:1/-1;display:flex;gap:11px;flex-wrap:wrap;color:#5f7789;font-size:7px}.details{grid-column:1/-1;border-top:1px solid var(--line);margin-top:3px;padding-top:6px}.details summary{cursor:pointer;color:#6e899b;font-size:8px;list-style:none;display:flex;justify-content:space-between}.details summary::-webkit-details-marker{display:none}.details pre{white-space:pre-wrap;word-break:break-word;background:#06111d;border:1px solid var(--line);border-radius:8px;padding:9px;color:#8ea7ba;font-size:8px;line-height:1.5;max-height:220px;overflow:auto}.type-update{--event-color:var(--blue)}.type-recovery{--event-color:var(--green)}.type-service{--event-color:var(--purple)}.type-homey{--event-color:var(--cyan)}.type-package{--event-color:var(--amber)}.type-system{--event-color:#65bff5}.type-manual{--event-color:#9daec0}.severity-error{--event-color:var(--red)}.severity-warning:not(.type-package){--event-color:var(--amber)}.empty-state{min-height:260px;display:none;place-items:center;align-content:center;gap:7px;color:#647b8d}.empty-state>span{font-size:35px}.empty-state strong{font-size:13px;color:#9db0be}.empty-state small{font-size:9px}
.history-panel{min-height:380px}.history-head{align-items:center}.history-meta{text-align:right;display:grid}.history-meta strong{font-size:24px;color:#d8f9ff}.history-meta small{font-size:8px;color:#688196;margin-top:3px}.chart-wrap{position:relative;height:255px;margin:18px 20px 0;padding:0 0 28px 28px}.chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.grid-line{stroke:rgba(148,190,219,.09);stroke-width:1;vector-effect:non-scaling-stroke}.chart-area{fill:rgba(33,216,237,.07)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(33,216,237,.3));vector-effect:non-scaling-stroke}.error-point{fill:var(--red);stroke:#ffaaa4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-y{position:absolute;left:0;top:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#587184}.chart-axis{position:absolute;left:28px;right:0;bottom:4px;display:flex;justify-content:space-between;color:#61798b;font-size:7px}.history-legend{padding:0 20px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#6d8496;font-size:8px}.history-legend span{display:flex;align-items:center;gap:5px}.history-legend span:last-child{margin-left:auto}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.events-dot{background:var(--cyan)}.error-dot{background:var(--red)}
.filters-panel{padding-bottom:17px}.ghost-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8ba1b2;border-radius:9px;padding:7px 9px;font-size:8px;cursor:pointer}.quick-filters{padding:14px 20px 0;display:flex;gap:6px;flex-wrap:wrap}.quick{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:#788fa1;padding:6px 10px;font-size:8px;cursor:pointer}.quick:hover,.quick.active{color:#c8fbff;border-color:rgba(33,216,237,.22);background:rgba(33,216,237,.075)}.filter-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(130px,.7fr));gap:9px;padding:13px 20px}.filter-grid label{display:grid;gap:5px}.filter-grid label>span{font-size:7px;color:#657e91;text-transform:uppercase;letter-spacing:.08em}.filter-grid input,.filter-grid select{height:40px;border:1px solid var(--line);border-radius:9px;background:#071522;color:#d7e4ed;padding:0 10px;min-width:0;font-size:9px;outline:0}.filter-grid input:focus,.filter-grid select:focus{border-color:rgba(33,216,237,.35);box-shadow:0 0 0 3px rgba(33,216,237,.055)}.export-row{margin:0 20px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#698194;font-size:8px}.export-row div{display:flex;gap:6px}.export-row a{text-decoration:none;color:#96b5c7;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:rgba(255,255,255,.02)}
.insights-column .panel{box-shadow:0 18px 55px rgba(0,0,0,.2)}.small-head{height:47px;padding:0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.small-head strong{font-size:11px}.small-head span{font-size:8px;color:#768d9f}.today-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px}.today-grid article{min-height:67px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018);padding:9px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 7px;align-items:center}.today-grid article i{grid-row:1/3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(49,156,245,.09);font-style:normal;font-size:15px}.today-grid article strong{font-size:15px;line-height:1}.today-grid article span{font-size:7px;color:#8095a5}.today-grid .cyan{color:var(--cyan)}.today-grid .green{color:var(--green);background:rgba(66,229,170,.08)}.today-grid .amber{color:var(--amber);background:rgba(255,189,69,.08)}.today-grid .red{color:var(--red);background:rgba(255,109,101,.08)}.activity-card{padding-bottom:12px}.hour-bars{height:112px;padding:18px 14px 5px;display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;background:linear-gradient(to top,rgba(151,190,219,.05) 1px,transparent 1px);background-size:100% 28px}.hour-bars i{height:var(--h);min-height:3px;border-radius:2px 2px 0 0;background:linear-gradient(var(--cyan),#158bb5);box-shadow:0 0 8px rgba(33,216,237,.11);transition:.2s ease}.hour-labels{display:flex;justify-content:space-between;padding:0 14px;color:#60788a;font-size:7px}.latest-card{padding-bottom:14px}.latest-card>strong{display:block;padding:13px 14px 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-card>span{display:block;padding:4px 14px 0;color:#71889a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sources-card{padding-bottom:12px}.source-bars{padding:12px 14px;display:grid;gap:9px}.source-bars>div>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:8px}.source-bars b{font-weight:500;color:#a9bac6;overflow:hidden;text-overflow:ellipsis}.source-bars em{font-style:normal;color:#6f8798}.source-bars>div>i{display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.035);overflow:hidden}.source-bars u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--blue));text-decoration:none}.source-bars>small{color:#708798;font-size:8px}.storage-card{display:grid;grid-template-columns:106px 1fr;grid-template-rows:auto 1fr;min-height:154px}.storage-card .small-head{grid-column:1/-1}.storage-ring{display:grid;place-items:center}.storage-ring>div{width:73px;height:73px;border-radius:50%;display:grid;place-items:center;align-content:center;border:5px solid rgba(66,229,170,.2);border-top-color:var(--green);border-right-color:var(--cyan);box-shadow:0 0 22px rgba(66,229,170,.07)}.storage-ring strong{font-size:18px}.storage-ring small{font-size:7px;color:#728a9b}.storage-copy{display:grid;align-content:center;padding-right:12px}.storage-copy strong{font-size:9px;line-height:1.45}.storage-copy span{font-size:7px;color:#71889a;margin-top:5px;line-height:1.4}.health-card{position:relative;min-height:128px;padding-bottom:10px}.health-line{height:37px;margin:7px 14px 0;display:flex;align-items:center}.health-line span{height:1px;width:72%;background:linear-gradient(90deg,var(--cyan) 0 15%,transparent 15% 18%,var(--cyan) 18% 34%,transparent 34% 37%,var(--cyan) 37% 68%,transparent 68% 71%,var(--cyan) 71% 100%);filter:drop-shadow(0 0 4px rgba(33,216,237,.35))}.health-card>strong{position:absolute;right:14px;bottom:27px;font-size:22px}.health-card>small{position:absolute;right:14px;bottom:13px;color:#71889a;font-size:7px}
footer{display:flex;align-items:center;gap:14px;padding:17px 4px 2px;color:#566d7e;font-size:7px}footer strong{color:#7890a1}footer span:before{content:"•";margin-right:14px;color:#365166}
@media(max-width:1280px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-inline:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.topbar{grid-template-columns:minmax(240px,1fr) auto 255px}.event{grid-template-columns:66px 38px minmax(0,1fr)}.event-stack:before{left:84px}.filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1020px){.app-shell{display:block}.sidebar{display:none}main{padding:14px}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.mobile-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:11px}.mobile-brand em{font-style:normal;color:#7b92a3;font-size:8px;letter-spacing:.1em}.mini-logo{width:31px;height:31px;border-radius:9px;border:1px solid rgba(33,216,237,.35);display:grid;place-items:center;color:var(--cyan);background:rgba(33,216,237,.07)}.mobile-status{display:flex;align-items:center;gap:7px;font-size:9px}.topbar{grid-template-columns:1fr auto}.live-banner{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.insights-column{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-card,.health-card{min-height:150px}.timeline-panel{min-height:500px}}
@media(max-width:720px){main{padding:10px}.topbar{grid-template-columns:1fr;margin-bottom:10px}.top-search{height:48px}.period-switch{height:42px;justify-content:stretch}.period-switch button{flex:1}.panel,.top-search,.period-switch{border-radius:12px}.panel-head{min-height:62px;padding:14px}.panel-head h1,.panel-head h2{font-size:17px}.timeline-list{padding:0 10px 8px}.day-label{padding-inline:2px}.event{grid-template-columns:48px 28px minmax(0,1fr);min-height:94px}.event-stack:before{left:61px}.event>time{padding-top:21px}.event>time strong{font-size:9px}.event>time small{display:none}.event-node{width:20px;height:20px;margin-top:20px}.event-node:after{width:5px;height:5px}.event-card{padding:12px 11px;grid-template-columns:minmax(0,1fr);gap:6px}.event-state{position:absolute;right:11px;top:15px}.event-state span{display:none}.event-state i{width:15px;height:15px;font-size:8px}.event-title-row{padding-right:25px;align-items:flex-start}.event-title-row h3{font-size:11px;white-space:normal;line-height:1.25}.type-badge{font-size:6px}.event-main p{font-size:8px}.event-meta{font-size:6px}.history-head{align-items:center}.history-meta strong{font-size:19px}.chart-wrap{margin-inline:10px;padding-left:22px;height:220px}.history-legend{padding-inline:12px}.history-legend span:last-child{margin-left:0;width:100%}.insights-column{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr;padding-inline:14px}.quick-filters{padding-inline:14px}.export-row{margin-inline:14px}.today-grid article{min-height:62px}.hour-bars{height:100px}footer{flex-wrap:wrap;gap:6px 10px;padding:15px 3px}footer span:before{margin-right:10px}}
@media(max-width:390px){.top-search kbd{display:none}.event{grid-template-columns:42px 24px minmax(0,1fr)}.event-stack:before{left:53px}.event-card{padding:11px 9px}.event-title-row{display:grid;gap:4px}.type-badge{width:max-content}.history-meta small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event-card,.hour-bars i{transition:none}}