:root{--bg:#f5f5f2;--surface:#fff;--surface-2:#faf9f6;--border:#e4e3dc;--border-strong:#d2d1c8;--text:#23231f;--muted:#6f6e67;--accent:#1d6fb8;--accent-bg:#e8f1fb;--green:#2f8f3e;--green-bg:#e7f4e8;--red:#c0392b;--red-bg:#fbeae8;--amber:#b9791a;--amber-bg:#fbf0dd;--sql:#7f77dd;--program:#d85a30;--builtin:#1d9e75;--radius:10px;--radius-sm:6px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a18;--surface:#232320;--surface-2:#2a2a26;--border:#36352f;--border-strong:#45443c;--text:#e9e8e1;--muted:#a3a299;--accent:#5aa0e0;--accent-bg:#1d2c3a;--green:#5cc16a;--green-bg:#18301b;--red:#e9695b;--red-bg:#341a17;--amber:#d9a14a;--amber-bg:#332813}}:root[data-theme=dark]{--bg:#1a1a18;--surface:#232320;--surface-2:#2a2a26;--border:#36352f;--border-strong:#45443c;--text:#e9e8e1;--muted:#a3a299;--accent:#5aa0e0;--accent-bg:#1d2c3a;--green:#5cc16a;--green-bg:#18301b;--red:#e9695b;--red-bg:#341a17;--amber:#d9a14a;--amber-bg:#332813}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}h1{margin:0;font-size:20px;font-weight:600}h2{margin:0 0 12px;font-size:16px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.app{grid-template-columns:220px 1fr;height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:14px 10px;display:flex}.brand{align-items:center;gap:8px;padding:6px 10px 14px;font-weight:600;display:flex}.brand .dot{background:var(--builtin);border-radius:3px;width:10px;height:10px}.nav-item{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 10px;font-size:14px}.nav-item:hover{background:var(--surface-2)}.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.main{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:10px 20px;display:flex}.content{padding:20px;overflow:auto}.btn{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:7px 12px}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm{padding:4px 9px;font-size:13px}.btn-danger{color:var(--red);border-color:var(--red)}.input,select.input{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;padding:7px 10px}label.field{margin-bottom:10px;display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{gap:14px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.kpi .label{color:var(--muted);font-size:12px}.kpi .num{margin-top:4px;font-size:26px;font-weight:600}table.tbl{border-collapse:collapse;width:100%}table.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 10px;font-size:12px;font-weight:500}table.tbl td{border-bottom:1px solid var(--border);padding:9px 10px}table.tbl tr.clickable{cursor:pointer}table.tbl tr.clickable:hover td{background:var(--surface-2)}.pill{border:1px solid var(--border-strong);border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.pill.ok{background:var(--green-bg);color:var(--green);border-color:#0000}.pill.fail{background:var(--red-bg);color:var(--red);border-color:#0000}.pill.warn{background:var(--amber-bg);color:var(--amber);border-color:#0000}.pill.live{background:var(--green-bg);color:var(--green);border-color:#0000}.pill.dim{color:var(--muted)}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.login-wrap{background:radial-gradient(60% 45% at 50% -8%, var(--accent-bg), transparent 70%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:380px;max-width:100%;padding:36px 32px 22px;box-shadow:0 14px 44px #00000021,0 2px 8px #0000000f}.login-head{text-align:center;margin-bottom:22px}.login-logo-svg{border-radius:15px;box-shadow:0 6px 18px #134f7d59}.login-title{letter-spacing:-.01em;margin:14px 0 2px;font-size:22px;font-weight:600}.login-title span{color:var(--accent)}.login-sub{color:var(--muted);margin:0;font-size:13.5px}.login-submit{width:100%;margin-top:6px;padding:9px 12px;font-weight:500}.login-foot{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:22px;padding-top:16px;font-size:12px}.banner{border-radius:var(--radius-sm);margin-bottom:12px;padding:9px 12px;font-size:13px}.banner.error{background:var(--red-bg);color:var(--red)}.banner.info{background:var(--accent-bg);color:var(--accent)}