:root{--brand:#132b40;--accent:#18755d;--background:#f2f5f7;--text:#1c3041;--muted:#596c7a;--border:#d9e2e8;--danger:#a02631;--radius:8px;color:var(--text);background:var(--background);font-synthesis:none;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#176887;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline-offset:3px;outline:3px solid #1f8aad}.shell{min-height:100vh;display:flex}aside{background:var(--brand);color:#fff;flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brand-icon{color:#8be9c5;background:#24566a;border-radius:6px;padding:0 9px;font-size:26px}.context-label{letter-spacing:1.5px;color:#9eb3c5;margin:30px 12px 15px;font-size:10px}aside nav{flex-direction:column;gap:4px;display:flex}aside nav a{color:#d0dce5;border-radius:6px;padding:10px 13px;font-size:14px}aside nav a.router-link-active{color:#fff;background:#28475d;font-weight:600}aside nav a:hover{background:#244154;text-decoration:none}.sidebar-foot{color:#9eb3c5;margin-top:auto;padding-top:20px;font-size:12px}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:5;background:#fff;align-items:center;gap:22px;height:78px;padding:12px 30px;display:flex;position:sticky;top:0}.tenant-selector{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}select,input,textarea{color:var(--text);background:#fff;border:1px solid #c4d2dc;border-radius:5px;min-width:0;padding:10px 11px}.role{color:var(--muted);font-size:12px}main{max-width:1700px;margin:auto;padding:30px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;display:flex}h1{letter-spacing:-.6px;margin:8px 0;font-size:29px}h2{margin-top:0;font-size:18px}h3{font-size:15px}p{font-size:14px;line-height:1.6}.page-head p{color:var(--muted);margin:5px 0}.eyebrow{letter-spacing:1.8px;color:var(--accent);font-size:10px;font-weight:700}.button{color:var(--text);background:#fff;border:1px solid #c4d2dc;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.button:hover{background:#edf3f6}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.compact{white-space:nowrap;padding:5px 8px}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:22px;padding:22px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.stat-grid .card{margin:0}.stat{flex-direction:column;gap:12px;display:flex}.stat>span{color:var(--muted);font-size:12px}.stat strong{overflow-wrap:anywhere;font-size:27px;font-weight:650}.stat small{color:var(--muted);font-size:11px}.section-head{justify-content:space-between;gap:15px;margin-bottom:16px;display:flex}.section-head a{font-size:13px}.muted{color:var(--muted);font-size:12px}.attention-row{border-top:1px solid #edf1f4;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 0;font-size:13px;display:flex}.attention-row a{min-width:180px;font-weight:600}.badge{color:#465e6f;white-space:nowrap;background:#edf1f4;border:1px solid #d1dce3;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:650;display:inline-flex}.status-online,.status-active,.status-succeeded,.status-resolved,.status-applied{color:#176243;background:#edf8f2;border-color:#b7ddcb}.status-offline,.status-failed,.status-error,.status-critical,.status-rollback_failed{color:var(--danger);background:#ffedef;border-color:#edc2c7}.status-unknown{color:#704600;background:#fff0cf;border:2px solid #a96d05;font-weight:800}.status-degraded,.status-warning,.status-paused,.status-stale{color:#805a12;background:#fff7e6;border-color:#e2cf9e}.filters{flex-wrap:wrap;align-items:end;gap:14px;margin:20px 0;display:flex}.field{flex-direction:column;gap:7px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.filters .field{flex:1;min-width:145px;max-width:280px;margin:0}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}caption{text-align:left;padding:12px;font-weight:600}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafb;font-size:10px;font-weight:600}th,td{border-bottom:1px solid #e4ebf0;padding:13px 12px}td{overflow-wrap:anywhere;max-width:260px}tbody tr:hover{background:#f7fafb}.table-card{padding:0}.pagination{justify-content:flex-end;align-items:center;gap:15px;padding:15px;font-size:12px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:20px 0;padding-bottom:10px;display:flex;overflow:auto}.tabs .button{white-space:nowrap;background:0 0;border-color:#0000}.tabs .button[aria-current=page]{color:var(--accent);background:#dfeeea;border-color:#bddbd0}.json{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fa;border-radius:5px;max-height:500px;padding:15px;font-family:Consolas,monospace;font-size:12px;overflow:auto}.banner{background:#fff7e6;border:1px solid #e4d09f;border-radius:6px;margin:15px 0;padding:18px;font-size:14px}.banner.error{color:var(--danger);background:#ffedef;border-color:#ecc0c6}.banner summary{cursor:pointer;margin:10px 0;font-size:12px}.actions{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.energy-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.flow-node{border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:6px;flex-direction:column;gap:10px;padding:20px;display:flex}.flow-node strong{font-size:26px}.flow-node small{color:var(--muted);font-size:11px}.chart{height:330px;position:relative}.empty{text-align:center;color:var(--muted);padding:45px}.skeleton{padding:20px}.skeleton div{background:#e1e8ed;border-radius:6px;height:55px;margin-bottom:16px;animation:1.5s infinite pulse}@keyframes pulse{50%{opacity:.5}}dialog{border:1px solid var(--border);border-radius:8px;width:calc(100% - 32px);max-width:650px;max-height:85vh;padding:24px;overflow:auto}dialog::backdrop{background:#0d2636a0}dialog header,dialog footer{justify-content:space-between;gap:20px;display:flex}dialog footer{justify-content:flex-end;margin-top:25px}.toast{background:var(--brand);color:#fff;z-index:20;border-radius:8px;padding:16px;position:fixed;bottom:25px;right:25px}.login{background:linear-gradient(140deg,#e6eff3,#f8fafb);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:10px;width:min(440px,100%);padding:40px}.login form{margin:25px 0}.login form .primary{width:100%}.demo-login .button{margin:4px}.demo-banner{color:#6d5218;text-align:center;letter-spacing:.5px;background:#fff4d5;padding:8px;font-size:11px}.menu-toggle{display:none}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-columns{grid-template-columns:1fr}.role{display:none}.topbar{gap:12px;padding:12px 20px}.tenant-selector{flex-direction:column;align-items:start;gap:2px}}@media (width<=760px){aside{z-index:10;height:calc(100vh - 78px);display:none;position:fixed;top:78px;left:0}aside.open{display:flex}.menu-toggle{display:inline-flex}.topbar>span{display:none}.topbar{padding:10px}.tenant-selector{max-width:55%;margin-left:auto}.tenant-selector select{max-width:100%}main{padding:20px 14px}.page-head{align-items:flex-start}h1{font-size:24px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:16px}.table-card{padding:0}.energy-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node{padding:14px}.flow-node strong{font-size:22px}.pagination{justify-content:center;gap:8px}.pagination span{font-size:10px}.login-card{padding:26px}.chart{height:260px}}@media (prefers-reduced-motion:reduce){.skeleton div{animation:none}}