:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#070b12;min-height:100vh}button,input,select{font:inherit}a{color:inherit}.login-shell,.loading-shell{background:radial-gradient(circle at 15% 0,#17253c 0,#0b111c 30%,#070b12 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1420f0;border:1px solid #263043;border-radius:24px;width:min(450px,100%);padding:40px;box-shadow:0 30px 80px #0000006b}.brand-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(135deg,#65b932,#3c8c20);border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:24px;font-weight:800;display:grid;box-shadow:0 12px 30px #58b2243b}.brand-mark.small{border-radius:11px;width:40px;height:40px;margin:0;font-size:14px}.eyebrow{color:#7f8da3;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.login-panel h1{letter-spacing:-.04em;margin:8px 0;font-size:34px}.login-copy{color:#95a1b4;margin:0 0 28px;line-height:1.6}.login-panel form,.console-connect{gap:17px;display:grid}.login-panel label,.console-connect label{color:#b7c1d1;gap:8px;font-size:13px;font-weight:700;display:grid}.login-panel input,.console-connect input,.filterbar input,.filterbar select,.terminal-input input{color:#eef2f7;background:#0a0f18;border:1px solid #293347;border-radius:10px;outline:none;width:100%;padding:12px 13px}.login-panel input:focus,.console-connect input:focus,.filterbar input:focus,.filterbar select:focus,.terminal-input input:focus{border-color:#58b224;box-shadow:0 0 0 3px #58b22421}.login-error,.warning-banner,.critical-banner{border-radius:10px;padding:12px 14px;font-size:13px}.login-error,.warning-banner{color:#fda4af;background:#f43f5e17;border:1px solid #f43f5e59}.critical-banner{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e73;margin-bottom:18px;line-height:1.55}.insecure-warning{color:#fcd34d;background:#fbbf2412;border:1px solid #fbbf2447;border-radius:10px;margin:0 0 18px;padding:10px 12px;font-size:12px;line-height:1.45}.primary-button,.ghost-button,.danger-button,.terminal-input button{cursor:pointer;border:0;transition:all .18s}.primary-button{color:#071006;background:#58b224;border-radius:11px;padding:13px 16px;font-weight:800}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:default;transform:none}.ghost-button{color:#dce3ed;background:#151d2a;border:1px solid #2a3547;border-radius:9px;padding:9px 12px}.ghost-button:hover{background:#1c2635}.danger-button{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e59;border-radius:8px;padding:8px 11px}.login-footer{color:#647187;text-align:center;border-top:1px solid #222b3b;margin-top:25px;padding-top:20px;font-size:12px}.workspace{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#090e17,#070b12);border-right:1px solid #202a39;flex-direction:column;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:4px 8px 22px;display:flex}.sidebar-brand strong{margin-top:3px;font-size:14px;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#8492a8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:13px;font-weight:700;display:flex;position:relative}.sidebar nav button:hover{color:#dce5f1;background:#101827}.sidebar nav button.active{color:#dff3d3;background:#58b2241a;border-color:#58b2243d}.nav-dot{background:#4c5c73;border-radius:50%;width:7px;height:7px}.sidebar nav button.active .nav-dot{background:#6fd13f;box-shadow:0 0 12px #6fd13f8c}.nav-badge{color:#fb7185;text-align:center;background:#f43f5e24;border-radius:99px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-foot{color:#526176;border-top:1px solid #1d2634;gap:5px;margin-top:auto;padding:14px 10px;font-size:10px;display:grid}.main-column{background:radial-gradient(circle at 10% 0,#121d30 0,#0a1019 28%,#070b12 65%);min-width:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12e0;border-bottom:1px solid #2d384bcc;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0}.top-actions,.hero-status,.service-links,.page-actions{align-items:center;gap:12px;display:flex}.top-title{margin-top:2px;font-size:15px;font-weight:800}.user-label{color:#9aa7ba;font-size:13px}.content{width:min(1510px,100% - 48px);margin:0 auto;padding:34px 0 60px}.page-head{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.045em;margin:6px 0;font-size:clamp(30px,4vw,46px)}.page-head p,.hero-status>span{color:#8d9aaf;margin:0}.compact-head h1{font-size:34px}.hero-status{flex-wrap:wrap;justify-content:flex-end;font-size:12px}.pill{text-transform:capitalize;white-space:nowrap;border:1px solid #2d394d;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill .dot{background:currentColor;border-radius:999px;width:6px;height:6px}.pill-ok{color:#7ee253;background:#58b22414;border-color:#58b22447}.pill-warning{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2440}.pill-danger{color:#fb7185;background:#f43f5e14;border-color:#f43f5e40}.pill-neutral{color:#a8b4c6}.alerts-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.alert-card{background:#0e1521;border:1px solid #263144;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px;display:flex}.alert-card strong{font-size:13px}.alert-card p{color:#7d8aa0;margin:5px 0 0;font-size:11px;line-height:1.45}.alert-critical{border-color:#f43f5e4d}.alert-warning{border-color:#fbbf2440}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.metric-card,.service-card,.panel,.section-block,.systemd-card,.console-connect{background:linear-gradient(#121926f5,#0b111bf5);border:1px solid #222d3e;box-shadow:0 14px 40px #0000001f}.metric-card{border-radius:16px;min-height:150px;padding:18px}.metric-label{color:#8190a7;font-size:12px;font-weight:750}.metric-value{color:#f5f7fa;letter-spacing:-.04em;margin:15px 0 10px;font-size:24px;font-weight:820}.metric-detail{color:#69778d;margin-top:10px;font-size:11px;line-height:1.4}.progress{background:#202a39;border-radius:99px;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#58b224,#78d54b);height:100%;display:block}.two-column{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.panel,.section-block,.console-connect{border-radius:18px;padding:22px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.section-title.compact{margin-bottom:13px}.detail-row{border-top:1px solid #202a3a;grid-template-columns:minmax(130px,.65fr) 1.35fr;gap:20px;padding:12px 0;font-size:12px;display:grid}.detail-row span{color:#748299}.detail-row strong{color:#d8e0eb;text-align:right;overflow-wrap:anywhere;font-weight:650}.services-grid,.service-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.service-card,.systemd-card{border-radius:14px;padding:17px}.service-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.service-name{font-size:15px;font-weight:820}.service-description{color:#7c8ba0;margin-top:5px;font-size:12px;line-height:1.45}.service-image{color:#66758b;word-break:break-all;margin-top:6px;font-size:10px}.service-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 14px;display:grid}.service-meta-grid div{background:#0a0e17b8;border:1px solid #202b3a;border-radius:10px;padding:10px 11px}.service-meta-grid span{color:#748197;margin-bottom:6px;font-size:10px;display:block}.service-meta-grid strong{color:#e4ebf4;overflow-wrap:anywhere;font-size:12px}.service-links a{text-align:center;color:#b8c5d8;border:1px solid #2b374a;border-radius:8px;flex:1;padding:8px 9px;font-size:11px;font-weight:700;text-decoration:none}.service-links a:hover{color:#8ae25d;border-color:#58b2248c}.filterbar{grid-template-columns:minmax(260px,1fr) 220px 220px;gap:12px;margin-bottom:14px;display:grid}.filterbar select{appearance:auto}.table-wrap{background:#0b111b;border:1px solid #222d3e;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #202a38;padding:12px 14px;font-size:11px}th{color:#748299;z-index:1;background:#0d131e;font-weight:800;position:sticky;top:0}td{color:#b9c4d4}tr:last-child td{border-bottom:0}.muted-cell,.ports-cell{color:#8190a5;overflow-wrap:anywhere}.ports-cell{min-width:260px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.terminal-panel{background:#05080d;border:1px solid #263144;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000003d}.terminal-head{color:#91a0b6;background:#101724;border-bottom:1px solid #242f40;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:12px;display:flex}.terminal-panel pre{color:#d7e4d0;white-space:pre-wrap;word-break:break-word;background:#05080d;min-height:420px;max-height:620px;margin:0;padding:17px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.terminal-panel.read-only pre{min-height:520px}.terminal-input{background:#0b111a;border-top:1px solid #202a39;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.terminal-input span{color:#70d343;font-family:monospace}.terminal-input input{border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.terminal-input button{color:#071006;background:#58b224;border-radius:8px;padding:10px 14px;font-weight:800}.console-connect{max-width:720px}.console-info{background:#0a0f18;border:1px solid #202b3a;border-radius:10px;justify-content:space-between;gap:20px;padding:12px;font-size:12px;display:flex}.console-info span{color:#748299}.security-note{color:#9db390;background:#58b2240f;border:1px solid #58b22440;border-radius:10px;padding:12px;font-size:12px;line-height:1.5}footer{color:#59677b;text-align:center;padding:30px 0 0;font-size:11px}.spinner{border:3px solid #253044;border-top-color:#58b224;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-shell{color:#8d9aaf;align-content:center;gap:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1350px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.alerts-row{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.workspace{grid-template-columns:210px minmax(0,1fr)}.services-grid,.service-table-grid{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr 180px}}@media (width<=820px){.workspace{display:block}.sidebar{border-bottom:1px solid #202a39;border-right:0;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-foot{display:none}.topbar{padding:12px 16px;position:sticky}.content{width:min(100% - 28px,1510px);padding-top:26px}.page-head{flex-direction:column;align-items:flex-start}.hero-status{justify-content:flex-start}.metrics-grid,.alerts-row,.services-grid,.service-table-grid,.two-column,.filterbar{grid-template-columns:1fr}.user-label{display:none}.login-panel{padding:28px 22px}}