:root{--bg: #0c1117;--paper: #151c24;--ink: #e8eef4;--muted: #8b98a6;--line: #243040;--accent: #3ee0b0;--accent-2: #6ea8ff;--danger: #ff6b6b;--warn: #e6b84d;--ok: #3ee0b0;--shadow: 0 12px 40px rgba(0, 0, 0, .35);font-family:Segoe UI,Helvetica Neue,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 400px at 10% -10%,#1a2a28,transparent),radial-gradient(700px 360px at 100% 0%,#182033,transparent),var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.2rem;background:#151c24eb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:.5rem}.brand span.dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.nav a,.nav button.nav-link{padding:.35rem .75rem;border-radius:999px;color:var(--ink);background:transparent;border:0;cursor:pointer}.nav a.active,.nav a:hover,.nav button.nav-link:hover{background:#243040}.content{width:min(1280px,calc(100% - 1.5rem));margin:1.1rem auto 2.4rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.25rem;box-shadow:var(--shadow)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin:1rem 0 1.3rem}.stat,.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.stat b{display:block;font-size:1.7rem;margin-top:.15rem}.card{display:grid;gap:.45rem;cursor:pointer}.card:hover{border-color:#3a5168}.card h2{margin:0;font-size:1.15rem}h1{margin:0 0 .35rem;font-size:1.55rem}h2{margin:0 0 .7rem;font-size:1.05rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.ok{color:var(--ok)}.btn{border:1px solid var(--line);background:#1c2630;border-radius:10px;padding:.45rem .85rem;cursor:pointer}.btn:hover{border-color:#3a5168}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06241c;font-weight:700}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.small{padding:.28rem .6rem;font-size:.88rem}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.form-grid{display:grid;gap:.7rem}.field{display:grid;gap:.28rem}.field label{font-size:.82rem;color:var(--muted)}input,select,textarea{background:#0f161d;border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem}textarea{min-height:6rem;resize:vertical}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600}.dot{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:var(--muted);margin-right:.4rem}.dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.bad{background:var(--danger);box-shadow:0 0 8px var(--danger)}.dot.warn{background:var(--warn)}.pill{display:inline-block;padding:.12rem .5rem;border-radius:999px;border:1px solid var(--line);font-size:.78rem;color:var(--muted)}.pill.live,.pill.running,.pill.done,.pill.ready{color:var(--ok);border-color:#1f5c4a}.pill.investigating,.pill.degraded,.pill.pending{color:var(--warn);border-color:#5c4a1f}.pill.problem,.pill.failed,.pill.open{color:var(--danger);border-color:#5c1f1f}.tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}.tab{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.4rem .9rem;cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#06241c;font-weight:700}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%)}.log{font-family:ui-monospace,Consolas,monospace;font-size:.82rem;white-space:pre-wrap;background:#0f161d;border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;max-height:18rem;overflow:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a0ea6;z-index:40;display:grid;place-items:start center;overflow:auto;padding:2rem 1rem}.modal-card{width:min(760px,100%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:var(--shadow);display:grid;gap:.85rem}.check{display:flex;gap:.5rem;align-items:flex-start}.check input{margin-top:.25rem}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}@media (max-width: 900px){.split{grid-template-columns:1fr}}