:root{--bg:#0e1013;--panel:#171a20;--panel2:#1f232b;--text:#f5f7fa;--muted:#9da7b5;--line:#2a303a;--accent:#d7ff45;--danger:#ff6868;--warn:#ffd25f;--ok:#66e3a4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#111419;flex-direction:column;gap:20px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);color:#111;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand small{color:var(--muted);margin-top:2px;display:block}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#d7dce4;border-radius:10px;padding:10px 12px}.sidebar nav a:hover{background:var(--panel2)}.main{width:100%;max-width:1500px;margin:0 auto;padding:28px}.bottom-nav{display:none}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h1{margin:0;font-size:30px}.page-head p{color:var(--muted);margin:6px 0 0}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.card{background:linear-gradient(180deg,var(--panel),#14171c);border:1px solid var(--line);border-radius:16px;padding:18px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric{margin-top:7px;font-size:32px;font-weight:800}.muted{color:var(--muted)}.small{font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.space{justify-content:space-between}.pill{letter-spacing:.03em;color:#dce2ea;background:#313743;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.pill-connected,.pill-healthy,.pill-available,.pill-approved,.pill-completed{color:#8bf0b7;background:#173a2c}.pill-error,.pill-failed,.pill-killed{color:#ff9b9b;background:#411f22}.pill-warning,.pill-attention-required,.pill-requires-approval,.pill-waiting-for-approval{color:#ffe08a;background:#493b15}.pill-not-connected,.pill-config-required,.pill-not-configured,.pill-parked{color:#b4bdc9;background:#2c313b}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px;font-size:14px}th{color:#9aa6b4;font-weight:600}.form{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:#aab3c0;font-size:12px}.field input,.field textarea,.field select{color:#f4f7fb;background:#0f1217;border:1px solid #343b47;border-radius:10px;width:100%;padding:10px}.field textarea{resize:vertical;min-height:88px}button,.btn{background:var(--accent);color:#111;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;display:inline-flex}.ghost{color:#e7ebf0;background:#252a33;border:1px solid #343a45}.danger{color:#ffb0b0;background:#4c1f25}.full{width:100%}.stack{gap:10px;display:grid}.list-item{border-bottom:1px solid var(--line);padding:12px 0}.list-item:last-child{border-bottom:0}.callout{border-left:3px solid var(--accent);color:#dce5e0;background:#181d1d;border-radius:8px;padding:12px 14px}.callout.warn{border-color:var(--warn);background:#211d12}.callout.danger{border-color:var(--danger);background:#241618}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:min(430px,100%);padding:26px}.login-card h1{margin-top:0}pre.code{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);color:#cbd5df;background:#0b0d10;border-radius:10px;padding:12px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 14px 80px}.bottom-nav{border-top:1px solid var(--line);z-index:50;background:#101319;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;color:#cdd3dc;padding:14px 4px;font-size:11px}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.form-grid{grid-template-columns:1fr}.page-head{display:block}.page-head h1{font-size:25px}}.main,.card{min-width:0}.card{overflow-x:auto}.mobile-menu{display:none}@media (max-width:980px){.mobile-menu{margin-bottom:16px;display:block}.mobile-menu nav{gap:14px;padding:14px 0;display:grid}}