:root{--bg: #0b0d12;--sidebar: #0f1117;--panel: #12151c;--panel-soft: #171b23;--line: #232834;--text: #f2f4f8;--muted: #98a2b3;--accent: #f2f4f8;--accent-soft: #1d2230;--success: #70c38f;--danger: #ea7a7a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 16px;background:var(--sidebar);border-right:1px solid var(--line)}.sidebar__brand{padding:4px 8px 12px}.sidebar__eyebrow,.panel__eyebrow{margin:0 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.sidebar__title{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:-.03em}.sidebar__copy,.panel__copy,.metric-card__meta,.panel__timestamp,.containers-table small,.fact-list dt{color:var(--muted)}.sidebar__nav{display:grid;gap:6px}.sidebar__item{display:grid;gap:2px;width:100%;padding:12px 14px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);text-decoration:none}.sidebar__item:hover,.sidebar__item:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.table-actions button:hover,.table-actions button:focus-visible{background:var(--accent-soft);border-color:var(--line)}.sidebar__item.is-active{background:var(--panel-soft);border-color:var(--line)}.sidebar__item span{font-size:.98rem;font-weight:600}.sidebar__item small{font-size:.78rem;color:var(--muted)}.app-main{padding:20px}.view-stack{display:grid;gap:14px}.panel,.metric-card{background:var(--panel);border:1px solid var(--line)}.panel{padding:18px;border-radius:16px}.panel--hero{display:flex;justify-content:space-between;align-items:end;gap:16px}.panel__header-row{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px}.panel h2,.panel h3{margin:0;font-size:1.2rem;font-weight:600}.panel__badge,.status-pill,.ghost-button,.table-actions button{border-radius:10px;border:1px solid var(--line)}.panel__badge,.status-pill{padding:6px 10px;background:var(--panel-soft)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border-radius:16px;display:grid;gap:8px;align-content:start}.metric-card--warm,.metric-card--cool{background:var(--panel)}.metric-card__label{color:var(--muted);font-size:.88rem}.metric-card__value{display:block;margin:8px 0 6px;font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1;letter-spacing:-.04em}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:14px}.content-grid--thermal{grid-template-columns:minmax(0,1fr)}.content-grid--alerts,.content-grid--telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.chart{min-height:280px;border-radius:14px;border:1px solid var(--line);background:#0f1218;overflow:hidden}.chart svg{width:100%;height:280px;display:block}.range-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.range-tabs button{padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted)}.range-tabs button.is-selected{background:var(--panel-soft);color:var(--text)}.chart--empty,.panel--loading,.panel--error,.table-empty{display:grid;place-items:center;min-height:120px;color:var(--muted)}.panel--error{color:#ffdede;background:#2a1618;border-color:#472428}.panel--success{color:#dff6e7;background:#13241a;border-color:#244730}.panel--stacked{align-content:start}.fact-list{display:grid;gap:12px}.fact-list div{display:flex;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid var(--line)}.fact-list dd{margin:0;text-align:right}.zone-list{display:grid;gap:10px}.zone-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.zone-card__head,.trip-row,.fan-meta{display:flex;justify-content:space-between;gap:12px}.zone-card__head{margin-bottom:10px}.trip-list{display:grid;gap:8px}.trip-row{padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}.fan-meta{margin-bottom:12px;color:var(--muted)}.panel__section-divider{height:1px;margin:16px 0;background:var(--line)}.fan-actions{display:flex;flex-wrap:wrap;gap:8px}.fan-actions button{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.fan-actions button.is-selected{background:var(--panel-soft)}.fan-error{margin:10px 0 0;color:var(--danger)}.ghost-button{padding:9px 12px;background:transparent;color:var(--text)}.table-wrap{overflow:auto}.containers-table{width:100%;border-collapse:collapse}.containers-table th,.containers-table td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.containers-table th{color:var(--muted);font-weight:500}.containers-table td strong,.containers-table td small{display:block}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-actions button{padding:7px 10px;background:transparent;color:var(--text)}.containers-table--enhanced{min-width:980px}.container-row--healthy{background:#70c38f05}.container-row--warning{background:#f0bf6b08}.container-row--critical{background:#ea7a7a08}.container-name-cell{position:relative;min-width:0;cursor:pointer}.container-name-cell small,.container-hover-card span,.container-live-stack span,.container-cell-stack small{color:var(--muted)}.container-hover-card{position:absolute;z-index:5;top:calc(100% + 10px);left:0;min-width:240px;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#10141c;box-shadow:0 20px 40px #00000059}.container-hover-card div{display:flex;justify-content:space-between;gap:12px}.container-status-stack,.container-cell-stack,.container-live-stack{display:grid;gap:6px}.container-actions-cell{position:relative;display:flex;justify-content:flex-end}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.container-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:6;display:grid;gap:6px;min-width:120px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#10141c;box-shadow:0 20px 40px #00000059}.container-menu button{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);text-align:left}.container-live-stack{min-width:110px}.status-pill--running{color:var(--success)}.status-pill--exited,.status-pill--dead{color:var(--danger)}.status-pill--warning{color:#f0bf6b}.status-pill--critical{color:var(--danger)}.status-pill--resolved{color:var(--muted)}.status-pill--healthy{color:var(--success)}.status-pill--unhealthy{color:var(--danger)}.status-pill--muted{color:var(--muted)}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.metrics-grid,.content-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.app-main,.sidebar{padding:16px}.metrics-grid,.content-grid{grid-template-columns:1fr}.panel--hero,.panel__header-row{align-items:start;flex-direction:column}.metrics-grid--compact{grid-template-columns:1fr}.container-hover-card{position:static;margin-top:10px;min-width:0}.container-menu{position:static;width:100%}.containers-table--enhanced{min-width:760px}}.trip-editor{display:grid;grid-template-columns:minmax(120px,1fr) 110px 110px 84px;gap:8px;align-items:end;padding-top:8px;border-top:1px solid var(--line)}.trip-editor__meta{color:var(--text);font-size:.92rem}.trip-editor label{display:grid;gap:4px;color:var(--muted);font-size:.76rem}.trip-editor input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.trip-editor button{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.trip-editor__error{grid-column:1 / -1;color:var(--danger)}@media(max-width:720px){.trip-editor{grid-template-columns:1fr 1fr}}.trip-editor__readonly{display:grid;gap:4px;color:var(--muted);font-size:.76rem}.trip-editor__readonly strong{color:var(--text);font-size:.92rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.login-card h1{margin:0}.login-card label{display:grid;gap:6px;color:var(--muted);font-size:.85rem}.login-card input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text)}.login-submit{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text)}.login-error{min-height:auto}.topbar-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.topbar-actions--grouped{gap:10px;flex-wrap:wrap}.alerts-list,.alert-rules-grid{display:grid;gap:12px}.alert-card{min-height:0}.alert-card--warning{border-color:#f0bf6b59}.alert-card--critical{border-color:#ea7a7a59}.alert-card__meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.85rem}.alert-rule-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.alert-rule-card__head,.alert-rule-card__threshold,.switch-field,.alert-rule-card__threshold>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.alert-rule-card__head>div{display:grid;gap:4px}.alert-rule-card__head small,.alert-rule-card__event,.switch-field span,.alert-rule-card__threshold span,.alert-rule-card__threshold small{color:var(--muted)}.switch-control{position:relative;display:inline-flex;align-items:center;justify-content:center}.switch-control input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch-control__track{position:relative;width:48px;height:28px;border-radius:999px;border:1px solid var(--line);background:#0f131b;box-shadow:inset 0 0 0 1px #ffffff05;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.switch-control__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#c6ccd6;box-shadow:0 2px 8px #00000052;transition:transform .16s ease,background .16s ease}.switch-control input:checked+.switch-control__track{background:#2a313d;border-color:#434d5d;box-shadow:inset 0 0 0 1px #c6ccd61a}.switch-control input:checked+.switch-control__track .switch-control__thumb{transform:translate(20px);background:#d4d9e1}.switch-control input:focus-visible+.switch-control__track{outline:2px solid rgba(198,204,214,.35);outline-offset:2px}.alert-rule-card input[type=number]{width:96px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.alert-rule-card button{width:fit-content;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text)}.metrics-grid--alerts{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid--alerts .metric-card{min-height:122px;padding:20px 18px}.metrics-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.status-grid,.insight-list{display:grid;gap:10px}.status-card,.insight-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.status-card strong,.insight-row strong{display:block}.insight-row small{display:block;color:var(--muted);margin-top:4px}