:root{--bg:#0b0d11;--panel:#12161d;--panel2:#171c24;--text:#eef2f7;--muted:#8e99aa;--line:#28303c;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0b0d11e8;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:#fff;font-size:20px;font-weight:800;text-decoration:none}.topbar nav{flex-wrap:wrap;gap:16px;display:flex}.topbar nav a,.nav a{color:#b8c2d0;font-size:14px;text-decoration:none}.topbar nav a:hover,.nav a:hover{color:#fff}.main{max-width:1440px;margin:0 auto;padding:30px}.grid{gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.muted{color:var(--muted)}.metric{margin-top:8px;font-size:32px;font-weight:800}.danger{color:var(--bad)}.good{color:var(--good)}.warn{color:var(--warn)}.layout{grid-template-columns:2fr 1fr;gap:16px;margin-top:16px;display:grid}.nav{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;display:inline-flex}.boardWrap{grid-template-columns:1fr 330px;gap:16px;display:grid}.board{border:1px solid var(--line);background:#06080b;border-radius:14px;justify-content:center;align-items:center;min-height:580px;display:flex;overflow:auto}.svg{width:95%;height:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:13px}.section{margin-top:20px}.hero{padding:36px 0 20px}.hero h1{margin:0 0 10px;font-size:40px}.button{border:1px solid var(--line);background:var(--panel2);color:#fff;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.button.primary{color:#111;background:#f4f4f5;border-color:#f4f4f5}@media (max-width:980px){.grid4{grid-template-columns:repeat(2,1fr)}.layout,.boardWrap{grid-template-columns:1fr}}@media (max-width:620px){.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:14px}.main{padding:18px}.grid4{grid-template-columns:1fr}}
.input{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--text);border-radius:9px;margin-top:8px;padding:9px 11px;font-size:14px}.input[type=file]{padding:7px}.code{border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;background:#06080b;border-radius:10px;max-height:360px;margin-top:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;overflow:auto}select.input{padding:9px 11px}textarea.input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}label.muted{margin-top:12px;font-size:13px;display:block}button.button:disabled{opacity:.5;cursor:not-allowed}