:root{--bg:#f5efe6;--bg-strong:#eadfce;--surface:#fffaf4;--border:#d7cab7;--text-strong:#25170d;--text-soft:#6b5848;--accent-strong:#ad4b14;--accent-cool:#1f6fe5;--mono:"SFMono-Regular", "SF Mono", Consolas, monospace;--sans:"Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;font:17px/1.5 var(--sans);letter-spacing:.01em;color:var(--text-soft);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fffc,#0000 42%),linear-gradient(#f7f0e8,#ecdfd0 58%,#e9d7c4)}#root{max-width:100%;min-height:100svh}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-strong);font-weight:600}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.95}h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2vw,2.1rem);line-height:1}p{margin:0}a{color:inherit}.app-shell{box-sizing:border-box;min-height:100svh;padding:32px}.hero-panel,.content-panel{border:1px solid var(--border);background:radial-gradient(circle at 100% 0,#ee702e2e,#0000 32%),radial-gradient(circle at 0 0,#217aff1f,#0000 26%),linear-gradient(#ffffffe0,#f8f4eef5);box-shadow:0 24px 60px #2e201114}.hero-panel{border-radius:28px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:24px;padding:32px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent-strong);margin-bottom:12px;font-size:11px}.hero-copy,.section-copy{max-width:60ch;color:var(--text-soft)}.hero-metrics{gap:12px;display:grid}.hero-side-panel{align-content:start}.hero-metrics article{background:#fffcf8b8;border:1px solid #7c604a2e;border-radius:18px;padding:18px 20px}.hero-metrics span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:12px;display:block}.hero-metrics strong{color:var(--text-strong);margin-top:6px;font-size:34px;display:block}.content-panel{border-radius:24px;margin-top:20px;padding:28px}.section-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.server-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.server-card{background:linear-gradient(#ffffffeb,#faf6f0e0);border:1px solid #7c604a2e;border-radius:22px;padding:20px}.server-card-button{text-align:left;cursor:pointer;appearance:none;width:100%;color:inherit;font:inherit}.server-card-button.selected{border-color:#1f6fe573;box-shadow:inset 0 0 0 1px #1f6fe559}.server-card-header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px;display:flex}.server-name{color:var(--text-strong);font-size:22px;line-height:1.05}.server-meta{font-family:var(--mono);color:var(--text-soft);margin-top:6px;font-size:12px}.status-pill{text-transform:uppercase;letter-spacing:.08em;min-width:82px;color:var(--text-soft);background:#7878781f;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;display:inline-flex}.status-pill.online{color:#14633b;background:#289a5a24}.status-pill.offline{color:#9a2f24;background:#ce433624}.status-pill.pending{color:#8f5c00;background:#db981329}.meter-group+.meter-group{margin-top:14px}.meter-copy{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.meter-copy strong{color:var(--text-strong)}.meter-track{background:#685c4c1f;border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%}.meter-fill.cpu{background:linear-gradient(90deg,#f29f05,#e65b2f)}.meter-fill.memory{background:linear-gradient(90deg,#2778ff,#11a3a3)}.server-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:18px 0 0;display:grid}.server-stats div{margin:0}.server-stats dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:12px}.server-stats dd{color:var(--text-strong);margin:6px 0 0;font-size:15px}.state-message{color:var(--text-soft);background:#62544114;border-radius:14px;margin:0 0 18px;padding:14px 16px}.state-message.error{color:#8d261e;background:#ce43361f}.detail-panel{margin-bottom:32px}.detail-header{align-items:center}.window-tabs{flex-wrap:wrap;gap:8px;display:inline-flex}.window-tabs button{font:inherit;color:var(--text-soft);cursor:pointer;background:#fffcf8cc;border:1px solid #7c604a33;border-radius:999px;padding:9px 14px}.window-tabs button.active{color:#fff;background:linear-gradient(90deg,#1f6fe5,#11a3a3);border-color:#0000}.detail-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-tile{background:#fffcf8bf;border:1px solid #7c604a2e;border-radius:18px;padding:18px}.metric-tile span,.metric-tile small{color:var(--text-soft);display:block}.metric-tile span{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.metric-tile strong{color:var(--text-strong);margin:8px 0;font-size:30px;display:block}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.chart-card,.containers-panel{background:#fffcf8c2;border:1px solid #7c604a2e;border-radius:22px;padding:20px}.chart-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.chart-title,.container-name{color:var(--text-strong);margin:0;font-size:20px}.chart-copy,.container-metrics{color:var(--text-soft);font-size:14px}.chart-header strong{color:var(--text-strong);font-size:28px}.sparkline{background:linear-gradient(#1f6fe50a,#11a3a305);border-radius:12px;width:100%;height:88px}.sparkline.compact{height:40px}.sparkline.empty{border:1px dashed #7c604a33}.containers-panel{margin-top:18px}.container-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.container-card{background:#fff9;border:1px solid #7c604a29;border-radius:18px;padding:16px}.container-card-button{appearance:none;text-align:left;color:inherit;font:inherit;cursor:pointer}.container-card.selected{border-color:#1f6fe573;box-shadow:inset 0 0 0 1px #1f6fe559}.container-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.container-metrics{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.container-detail-panel{background:#fffcf8c2;border:1px solid #7c604a2e;border-radius:22px;margin-top:18px;padding:20px}.container-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.container-charts-grid,.container-events-panel,.container-top-panel{margin-top:18px}.container-logs-panel{color:#d7efe4;background:radial-gradient(circle at 100% 0,#4cc9f01a,#0000 26%),linear-gradient(#081317f5,#050e12fa);border:1px solid #0813171f;margin-top:18px}.container-logs-panel .chart-title,.container-logs-panel .chart-copy,.container-logs-panel strong{color:#d7efe4}.log-console{min-height:320px;max-height:460px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#081317;border:1px solid #d7efe414;border-radius:18px;margin:0;padding:16px;font-size:13px;line-height:1.45;overflow:auto}.log-line{display:block}.log-line.stdout{color:#d7efe4}.log-line.stderr{color:#ffb4ab}.detail-actions{align-items:center;gap:14px;display:flex}.terminal-launch{color:#f1faee;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#081317,#11313a);border:1px solid #0813172e;border-radius:999px;padding:12px 18px;font-size:13px}.terminal-launch:disabled{opacity:.5;cursor:not-allowed}.terminal-panel{color:#d7efe4;background:radial-gradient(circle at 100% 0,#4cc9f01f,#0000 28%),linear-gradient(#081317f5,#050e12fa);border:1px solid #0813171f;border-radius:24px;margin-top:18px;padding:18px}.terminal-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:14px;display:flex}.terminal-header .chart-title,.terminal-header .chart-copy{color:#d7efe4}.terminal-header-actions{align-items:center;gap:12px;display:flex}.terminal-header-actions button{color:#f1faee;background:#ffffff14;border:1px solid #d7efe42e;border-radius:999px;padding:10px 14px}.terminal-status{letter-spacing:.08em;text-transform:uppercase;color:#d7efe4b8;font-size:12px}.terminal-host{background:#081317;border:1px solid #d7efe414;border-radius:18px;min-height:360px;padding:10px;overflow:hidden}.terminal-host .xterm{height:100%}.event-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.event-item{background:#ffffffa3;border:1px solid #7c604a24;border-radius:16px;padding:14px 16px}.event-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.event-action{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#1f6fe51f;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.process-table-wrap{overflow-x:auto}.process-table{border-collapse:collapse;width:100%;font-size:14px}.process-table th,.process-table td{text-align:left;vertical-align:top;border-top:1px solid #7c604a1f;padding:12px 10px}.process-table th{letter-spacing:.08em;text-transform:uppercase;color:#463529b8;font-size:12px}.process-command{word-break:break-word;min-width:260px;font-family:IBM Plex Mono,Fira Code,monospace}.auth-panel{justify-content:center;display:flex}.auth-form{gap:16px;width:min(420px,100%);display:grid}.auth-form label{color:#463529d6;gap:8px;font-size:14px;display:grid}.auth-form input,.alerts-toolbar select{width:100%;font:inherit;background:#fffc;border:1px solid #7c604a2e;border-radius:14px;padding:12px 14px}.locale-control{background:#fffcf8b8;border:1px solid #7c604a2e;border-radius:18px;gap:8px;padding:18px 20px;display:grid}.locale-control span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:12px}.locale-control select{width:100%;font:inherit;background:#fffc;border:1px solid #7c604a2e;border-radius:14px;padding:12px 14px}.auth-form button,.incident-actions button{font:inherit;color:#f6f1eb;background:linear-gradient(135deg, var(--accent-strong), #1f6fe5);cursor:pointer;border:0;border-radius:999px;padding:10px 14px;font-weight:600}.auth-form button:disabled,.incident-actions button:disabled{cursor:default;opacity:.55}.alerts-panel{gap:22px;display:grid}.alerts-toolbar{align-items:center;gap:12px;display:flex}.alerts-grid{grid-template-columns:.9fr 1.1fr;gap:18px;display:grid}.rule-list,.incident-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rule-item,.incident-item{background:#ffffffa3;border:1px solid #7c604a24;border-radius:16px;padding:14px 16px}.rule-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.incident-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px;display:flex}.incident-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 14px;display:grid}.incident-meta div{gap:4px;display:grid}.incident-meta dt{letter-spacing:.08em;text-transform:uppercase;color:#463529ad;font-size:11px}.incident-meta dd{color:#1b1916db;margin:0;font-size:14px}.incident-actions{gap:10px;display:flex}.panel-footnote{color:#463529b8;margin:14px 0 0;font-size:13px}@media (width<=900px){.app-shell{padding:18px}.hero-panel{grid-template-columns:1fr;padding:24px}.content-panel{padding:22px}.section-header,.detail-actions,.terminal-header{flex-direction:column;align-items:start}.detail-summary-grid,.charts-grid,.container-detail-grid,.alerts-grid{grid-template-columns:1fr}.container-metrics{flex-direction:column}.alerts-toolbar,.incident-actions{flex-direction:column;align-items:stretch}}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}