:root {
  --bg: #07100e;
  --bg-soft: #0a1512;
  --panel: rgba(15, 28, 24, .86);
  --panel-solid: #101d19;
  --panel-hover: #14241f;
  --line: rgba(192, 223, 209, .105);
  --line-strong: rgba(192, 223, 209, .18);
  --text: #f1f7f4;
  --muted: #81948d;
  --muted-2: #5e716a;
  --green: #77f2b1;
  --green-strong: #32d98b;
  --teal: #50dfd3;
  --amber: #ffca72;
  --red: #ff7f85;
  --purple: #a895ff;
  --blue: #63a8ff;
  --sidebar: 244px;
  --radius: 18px;
  --shadow: 0 18px 55px rgba(0, 0, 0, .22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 84% 2%, rgba(37, 157, 108, .08), transparent 25%),
    linear-gradient(140deg, #07100e 0%, #08120f 50%, #091310 100%);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 14px;
  min-height: 100vh;
}
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }

.ambient { position: fixed; border-radius: 50%; pointer-events: none; filter: blur(90px); opacity: .16; z-index: -1; }
.ambient-one { width: 420px; height: 420px; background: #0ac17a; top: -220px; left: 38%; }
.ambient-two { width: 320px; height: 320px; background: #1c8b74; bottom: -200px; right: 2%; }

.sidebar {
  position: fixed; inset: 0 auto 0 0; width: var(--sidebar); z-index: 20;
  display: flex; flex-direction: column;
  padding: 25px 17px 18px;
  background: rgba(7, 16, 14, .94);
  border-right: 1px solid var(--line);
  backdrop-filter: blur(22px);
}
.brand { display: flex; align-items: center; gap: 12px; padding: 0 9px 29px; font-family: Manrope, sans-serif; font-size: 19px; letter-spacing: -.5px; }
.brand strong { font-weight: 700; }
.brand em { color: var(--green); font-style: normal; font-weight: 600; }
.brand-mark { position: relative; width: 32px; height: 32px; border: 1px solid rgba(119,242,177,.25); border-radius: 10px; background: linear-gradient(145deg, rgba(119,242,177,.16), rgba(119,242,177,.03)); box-shadow: inset 0 0 16px rgba(119,242,177,.08); }
.brand-mark span { position:absolute; width: 4px; border-radius:4px; bottom:8px; background:var(--green); box-shadow:0 0 8px rgba(119,242,177,.5); }
.brand-mark span:nth-child(1){height:8px;left:8px}.brand-mark span:nth-child(2){height:15px;left:14px}.brand-mark span:nth-child(3){height:11px;left:20px}
.nav-label { color: var(--muted-2); padding: 0 12px; margin: 9px 0 8px; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.primary-nav { display:flex; flex-direction:column; gap:3px; }
.nav-item { min-height: 42px; display:flex; align-items:center; gap:11px; padding:0 11px; border-radius:10px; color:#8fa29b; position:relative; transition:.2s ease; }
.nav-item:hover { color:var(--text); background:rgba(255,255,255,.025); transform:translateX(2px); }
.nav-item.active { color:var(--green); background:linear-gradient(90deg, rgba(62,212,145,.13), rgba(62,212,145,.035)); }
.nav-item.active:before { content:""; position:absolute; left:-17px; width:3px; height:22px; border-radius:0 4px 4px 0; background:var(--green); box-shadow:0 0 14px rgba(119,242,177,.55); }
.nav-icon { width:20px; text-align:center; font-size:17px; color:currentColor; }
.nav-item b { margin-left:auto; min-width:21px; height:20px; border-radius:7px; display:grid; place-items:center; background:rgba(255,255,255,.055); color:#a8bab3; font-size:10px; }
.nav-item b.danger { color:var(--red); background:rgba(255,127,133,.12); }
.sidebar-bottom { margin-top:auto; }
.cluster-mini { border:1px solid var(--line); border-radius:13px; padding:13px; background:rgba(255,255,255,.015); margin-bottom:12px; }
.cluster-mini-head { display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }.cluster-mini-head strong{color:var(--green)}
.progress { height:4px; border-radius:4px; background:rgba(255,255,255,.07); margin:10px 0; overflow:hidden; }.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--green-strong),var(--green));border-radius:inherit}
.cluster-mini small { font-size:10px; color:var(--muted-2); }.live-dot,.node-online i,.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);margin-right:5px}
.profile-button { width:100%; border:0; background:transparent; display:flex; align-items:center; gap:10px; padding:8px; text-align:left; cursor:pointer; border-radius:11px; }.profile-button:hover{background:rgba(255,255,255,.03)}
.avatar { width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#29473d,#152a23);color:var(--green);font-size:11px;font-weight:700;border:1px solid var(--line-strong)}
.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:12px}.profile-button small{color:var(--muted);font-size:10px;margin-top:2px}.chevron{margin-left:auto;color:var(--muted)}

.main-shell { margin-left:var(--sidebar); min-height:100vh; }
.topbar { height:70px; position:sticky; top:0; z-index:15; display:flex; align-items:center; padding:0 34px; border-bottom:1px solid var(--line); background:rgba(8,18,15,.79); backdrop-filter:blur(20px); }
.breadcrumb { display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.breadcrumb i{color:var(--muted-2);font-style:normal}.breadcrumb strong{color:#c4d2cd;font-weight:500}
.top-actions { margin-left:auto;display:flex;align-items:center;gap:9px; }
.source-pill { display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,202,114,.2);border-radius:9px;color:var(--amber);background:rgba(255,202,114,.055);font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.source-pill i{width:6px;height:6px;border-radius:50%;background:var(--amber)}
.icon-button { width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:grid;place-items:center;cursor:pointer;color:#a4b5af;font-size:17px;transition:.2s }.icon-button:hover{border-color:var(--line-strong);color:var(--text);background:rgba(255,255,255,.045)}
.notification{position:relative}.notification b{position:absolute;right:-3px;top:-4px;background:var(--red);color:white;border:2px solid var(--bg);border-radius:8px;font-size:8px;min-width:15px;height:15px;display:grid;place-items:center}
.primary-button { border:0;border-radius:10px;background:linear-gradient(135deg,#72efae,#3bd68d);color:#06120d;min-height:38px;padding:0 16px;font-weight:700;cursor:pointer;box-shadow:0 7px 25px rgba(59,214,141,.14);transition:.2s}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(59,214,141,.22)}.primary-button span{font-size:17px;margin-right:4px}
.menu-button { display:none; margin-right:12px; }
.content { padding:34px; max-width:1780px; margin:0 auto; }
.welcome-row { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px; }
.eyebrow,.section-kicker{font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--green);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pulse-ring{width:7px;height:7px;border:1px solid var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(119,242,177,.06)}
.welcome-row h1{font:600 28px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:0}.welcome-row h1 span{color:var(--green)}.welcome-row p{margin:8px 0 0;color:var(--muted);font-size:13px}
.timebox{text-align:right}.timebox span,.timebox small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.timebox strong{display:block;font:600 22px Manrope;margin:2px 0}

.hero-grid { display:grid;grid-template-columns:1.05fr 1.35fr .95fr;gap:14px; }
.glass-card,.panel-card,.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,33,28,.91),rgba(11,23,19,.88));box-shadow:var(--shadow)}
.glass-card{min-height:277px;border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-80px;top:-80px;background:rgba(119,242,177,.035);filter:blur(10px)}
.card-topline,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.card-topline h2,.panel-heading h2{font:600 15px Manrope;margin:4px 0 0;letter-spacing:-.3px}
.ghost-button,.filter-button{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);font-size:10px;padding:7px 9px;border-radius:8px;cursor:pointer}
.health-layout{display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center;margin-top:27px}.health-ring{--score:88;width:134px;height:134px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(255,255,255,.055) 0);position:relative;box-shadow:0 0 35px rgba(119,242,177,.08)}.health-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel-solid);border:1px solid var(--line)}.health-ring>div{position:relative;text-align:center}.health-ring strong{font:600 37px Manrope}.health-ring span{color:var(--muted);font-size:11px}.health-ring small{display:block;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:1.1px;margin-top:2px}
.health-status{display:flex;align-items:center;gap:8px;font-size:12px}.health-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(119,242,177,.65)}.health-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:10px 0}.health-copy p b{color:var(--green)}
.mini-trend{border-top:1px solid var(--line);padding-top:8px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:9px}.mini-trend svg{width:100%;height:35px;overflow:visible}.mini-trend path{fill:none;stroke:var(--green);stroke-width:2}.mini-trend .area{fill:url(#none);stroke:none;opacity:.1}.mini-trend b{color:var(--green);font-size:10px}
.live-label,.node-online{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.8px}.usage-total{display:flex;align-items:baseline;gap:8px;margin-top:15px}.usage-total strong{font:600 29px Manrope}.usage-total span{color:var(--muted);font-size:11px}.usage-total em{margin-left:auto;color:var(--green);font-size:10px;font-style:normal;background:rgba(119,242,177,.07);padding:4px 7px;border-radius:6px}
.chart-wrap{height:113px;margin:7px -3px 0;position:relative}.chart-wrap svg{width:100%;height:87px;overflow:visible}.traffic-area{fill:url(#trafficGradient)}.traffic-line{fill:none;stroke:var(--green);stroke-width:2.2;filter:drop-shadow(0 2px 5px rgba(119,242,177,.3))}.traffic-dot{fill:var(--panel-solid);stroke:var(--green);stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:var(--muted-2);font-size:8px;padding:0 2px}.usage-foot{border-top:1px solid var(--line);padding-top:10px;display:flex;gap:16px;color:var(--muted);font-size:9px}.usage-foot span{display:flex;align-items:center;gap:5px}.usage-foot i{width:6px;height:6px;border-radius:2px;background:var(--green)}.usage-foot i.wa{background:var(--teal)}.usage-foot i.mail{background:var(--purple)}.usage-foot b{color:#bccac5;margin-left:2px}
.resource-list{margin-top:18px;display:flex;flex-direction:column;gap:13px}.resource-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.resource-row strong{color:#d8e3df}.resource-row small{display:block;color:var(--muted-2);font-size:8px;margin-top:4px}.segmented{height:7px;display:flex;gap:3px;margin-top:6px}.segmented span{flex:1;background:rgba(255,255,255,.055);border-radius:2px}.segmented span.filled{background:var(--green);box-shadow:0 0 7px rgba(119,242,177,.17)}.segmented.purple span.filled{background:var(--purple)}.segmented.blue span.filled{background:var(--blue)}
.capacity-footer{position:absolute;left:20px;right:20px;bottom:18px;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}.capacity-footer small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.capacity-footer strong{font:600 14px Manrope;margin-top:2px;display:block}.round-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--green);cursor:pointer}

.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.metric-card{border-radius:14px;display:flex;align-items:center;gap:13px;padding:16px 18px;box-shadow:none}.metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:rgba(119,242,177,.08);color:var(--green);font-size:17px}.metric-icon.teal{color:var(--teal);background:rgba(80,223,211,.08)}.metric-icon.amber{color:var(--amber);background:rgba(255,202,114,.08)}.metric-icon.violet{color:var(--purple);background:rgba(168,149,255,.08)}.metric-card span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.metric-card strong{font:600 21px Manrope;display:inline-block;margin:2px 0}.metric-card small{display:block;color:var(--muted-2);font-size:9px}.metric-card small b{color:var(--green);font-weight:600}.metric-card:nth-child(3) small b{color:var(--red)}

.operations-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,.72fr);gap:14px;margin-top:14px}.panel-card{border-radius:var(--radius);overflow:hidden}.panel-heading{padding:19px 20px;border-bottom:1px solid var(--line);align-items:center}.panel-heading.compact{padding-bottom:15px}.panel-tools{display:flex;align-items:center;gap:7px}.search-box{height:34px;width:205px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:6px;padding:0 9px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.search-box input::placeholder{color:var(--muted-2)}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;padding:11px 14px;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:20px}td{padding:11px 14px;border-bottom:1px solid rgba(192,223,209,.065);font-size:10px;color:#afbeb9}tbody tr{cursor:pointer;transition:.18s}tbody tr:hover{background:rgba(119,242,177,.025)}
.agent-cell{display:flex;align-items:center;gap:9px}.agent-glyph{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(119,242,177,.14),rgba(119,242,177,.03));border:1px solid rgba(119,242,177,.1);color:var(--green);font-weight:700;font-size:10px}.agent-cell strong,.agent-cell small{display:block}.agent-cell strong{color:#dfe8e5;font-size:10px}.agent-cell small{color:var(--muted-2);font-size:8px;margin-top:2px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:rgba(119,242,177,.07);color:var(--green);font-size:8px;text-transform:uppercase;font-weight:700;letter-spacing:.4px}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.degraded,.status-badge.updating{color:var(--amber);background:rgba(255,202,114,.07)}.status-badge.offline{color:var(--red);background:rgba(255,127,133,.07)}.node-cell strong,.node-cell small{display:block}.node-cell strong{color:#c7d3cf}.node-cell small{color:var(--muted-2);font-size:8px;margin-top:2px}.session-count{font:600 14px Manrope;color:#dce7e3}.cpu-cell{display:flex;align-items:center;gap:7px}.tiny-bar{width:42px;height:4px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}.tiny-bar span{display:block;height:100%;border-radius:inherit;background:var(--green)}.latency.high{color:var(--amber)}.heartbeat{color:var(--muted)}.row-more{background:none;border:0;color:var(--muted);cursor:pointer;font-size:16px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--muted-2);font-size:9px}.panel-footer button,.text-button{border:0;background:none;color:var(--green);font-size:9px;cursor:pointer}.panel-footer button span{margin-left:4px}
.side-stack{display:grid;grid-template-rows:auto 1fr;gap:14px}.alert-list,.activity-list{padding:5px 0}.alert-item,.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px 17px;border-bottom:1px solid rgba(192,223,209,.06)}.alert-item:last-child,.activity-item:last-child{border-bottom:0}.severity{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,202,114,.08);color:var(--amber);font-size:11px}.severity.critical{background:rgba(255,127,133,.09);color:var(--red)}.alert-item strong,.alert-item small,.activity-item strong,.activity-item small{display:block}.alert-item strong,.activity-item strong{font-size:9px;color:#d2ddd9}.alert-item small,.activity-item small{font-size:8px;color:var(--muted);margin-top:3px}.alert-item time,.activity-item time{font-size:8px;color:var(--muted-2);white-space:nowrap}.activity-marker{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(119,242,177,.06);margin:5px 6px}.activity-item:nth-child(3) .activity-marker{background:var(--amber)}

.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(2px);z-index:40;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.agent-drawer{position:fixed;z-index:45;right:0;top:0;bottom:0;width:min(480px,94vw);background:#0b1713;border-left:1px solid var(--line-strong);box-shadow:-30px 0 80px rgba(0,0,0,.35);transform:translateX(105%);transition:.32s cubic-bezier(.22,.8,.24,1);padding:28px;overflow-y:auto}.agent-drawer.open{transform:none}.drawer-close{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);font-size:20px;cursor:pointer;display:grid;place-items:center;margin-left:auto}.drawer-hero{margin-top:15px}.drawer-identity{display:flex;gap:13px;align-items:center}.drawer-identity .agent-glyph{width:47px;height:47px;font-size:14px;border-radius:13px}.drawer-identity h2{font:600 20px Manrope;margin:0}.drawer-identity p{color:var(--muted);font-size:10px;margin:5px 0 0}.drawer-badges{display:flex;gap:7px;margin:18px 0;flex-wrap:wrap}.drawer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.detail-tile{border:1px solid var(--line);background:rgba(255,255,255,.017);padding:12px;border-radius:11px}.detail-tile small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.7px}.detail-tile strong{display:block;margin-top:5px;font:600 13px Manrope}.drawer-section{margin-top:22px}.drawer-section h3{font:600 12px Manrope}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.channel{border:1px solid var(--line);border-radius:10px;padding:11px}.channel span,.channel strong{display:block}.channel span{color:var(--muted);font-size:8px;text-transform:uppercase}.channel strong{color:var(--green);font-size:9px;margin-top:5px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.drawer-actions button{height:38px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:10px;cursor:pointer}.drawer-actions .warn{color:var(--amber)}

.agent-dialog{width:min(560px,92vw);border:1px solid var(--line-strong);border-radius:18px;padding:0;background:#0d1a16;color:var(--text);box-shadow:0 35px 100px rgba(0,0,0,.65)}.agent-dialog::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.agent-dialog form{padding:24px}.dialog-head{display:flex;align-items:flex-start}.dialog-head h2{font:600 20px Manrope;margin:5px 0}.dialog-head p{color:var(--muted);font-size:10px;margin:0}.dialog-head .drawer-close{margin-left:auto}.demo-warning{display:flex;gap:10px;padding:12px;background:rgba(255,202,114,.055);border:1px solid rgba(255,202,114,.16);border-radius:10px;margin:19px 0;color:var(--amber)}.demo-warning strong,.demo-warning small{display:block}.demo-warning strong{font-size:10px}.demo-warning small{font-size:9px;color:#b4a784;margin-top:3px}.agent-dialog label{display:block;color:var(--muted);font-size:9px;margin-top:13px}.agent-dialog input,.agent-dialog select{display:block;width:100%;height:40px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:#0a1512;color:var(--text);padding:0 11px;outline:none}.agent-dialog input:focus,.agent-dialog select:focus{border-color:rgba(119,242,177,.4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-box{border:1px solid var(--line);border-radius:11px;padding:13px;margin-top:16px;background:rgba(255,255,255,.015)}.preview-box span,.preview-box strong,.preview-box small{display:block}.preview-box span{color:var(--muted);font-size:8px;text-transform:uppercase}.preview-box strong{font-size:11px;margin-top:5px}.preview-box small{color:var(--muted-2);font-size:8px;margin-top:4px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.secondary-button{height:38px;padding:0 15px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}.primary-button.disabled{opacity:.45;cursor:not-allowed;transform:none}
.toast{position:fixed;z-index:60;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;background:#14251f;border:1px solid rgba(119,242,177,.22);padding:11px 14px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;transition:.3s;pointer-events:none}.toast.show{transform:none;opacity:1}.toast>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(119,242,177,.1);color:var(--green)}.toast strong,.toast small{display:block}.toast strong{font-size:10px}.toast small{font-size:8px;color:var(--muted);margin-top:2px}

@media (max-width:1280px){.hero-grid{grid-template-columns:1fr 1fr}.capacity-card{grid-column:1/-1;min-height:230px}.resource-list{display:grid;grid-template-columns:repeat(3,1fr)}.operations-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.capacity-footer{position:static;margin-top:18px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){:root{--sidebar:225px}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.main-shell{margin-left:0}.menu-button{display:grid}.content{padding:24px}.topbar{padding:0 24px}.source-pill{display:none}.hero-grid{grid-template-columns:1fr}.capacity-card{grid-column:auto}.metrics-grid{grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.welcome-row{align-items:flex-start}.timebox{display:none}}
@media (max-width:600px){.content{padding:18px 13px}.topbar{padding:0 13px}.breadcrumb{display:none}.welcome-row h1{font-size:23px}.primary-button{padding:0 11px}.hero-grid,.metrics-grid{grid-template-columns:1fr}.health-layout{grid-template-columns:120px 1fr}.health-ring{width:112px;height:112px}.panel-heading{align-items:flex-start;gap:12px}.panel-tools{width:100%;flex-wrap:wrap}.search-box{width:100%}.fleet-card .panel-heading{flex-direction:column}.resource-list{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.source-pill{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}