:root{--bg:#0f1114;--panel:#171a1f;--panel-2:#1e2229;--line:#2a2f38;--text:#e6e3dc;--muted:#8b9099;--accent:#d7b46a;--red:#c4483f;--green:#5faa6a;--blue:#5b8dd6;--sand:#c9a86a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}code,.num{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.12em;color:var(--accent);font-size:13px;font-weight:700}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:2px;font-weight:400;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 4px;font-size:11px;font-weight:600}.nav a{color:var(--text);border-radius:6px;padding:7px 10px;font-size:14px}.nav a:hover{background:var(--panel-2)}.nav a.active{background:var(--panel-2);color:var(--accent)}.side .foot{color:var(--muted);flex-direction:column;gap:6px;margin-top:auto;font-size:12px;display:flex}.side .foot button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px}.side .foot button:hover{color:var(--text);border-color:var(--muted)}main{max-width:1200px;padding:28px 32px 60px}h1{margin:0 0 4px;font-size:22px;font-weight:600}h2{letter-spacing:.02em;margin:32px 0 10px;font-size:15px;font-weight:600}h2:first-of-type{margin-top:20px}.sub{color:var(--muted);margin:0 0 18px;font-size:13px}.hint{color:var(--muted);margin:6px 0 0;font-size:12px}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.tile .k{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.tile .v{margin-top:4px;font-size:24px;font-weight:600}.tile .d{color:var(--muted);margin-top:2px;font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;display:grid}.card h3{margin:0 0 6px;font-size:15px}.card .row{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.card .row b{color:var(--text);font-weight:600}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.pill.ok{border-color:var(--green);color:var(--green)}.pill.bad{border-color:var(--red);color:var(--red)}.pill.warn{border-color:var(--accent);color:var(--accent)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}td.r,th.r{text-align:right}tr:hover td{background:var(--panel-2)}.tablewrap{overflow-x:auto}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.dot{vertical-align:middle;border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.chart{width:100%}.chart svg{width:100%;height:140px;display:block}.chart .axis{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:6px 0 0;font-size:12px;display:flex}form.inline{display:inline}.form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:10px 14px;display:grid}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.form input,.form select,.form textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:7px 9px;font-family:inherit;font-size:14px}.form .full{grid-column:1/-1}button.primary{background:var(--accent);color:#1a1508;cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-size:14px;font-weight:600}button.ghost{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 9px;font-size:12px}button.ghost:hover{color:var(--text);border-color:var(--muted)}.banner{border:1px solid var(--green);background:#1f2a1f;border-radius:8px;margin:0 0 16px;padding:12px 14px}.banner.err{border-color:var(--red);background:#2a1c1b}.codes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.codes code{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:14px}.msg{white-space:pre-wrap;margin:6px 0;font-size:14px}.stamps{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.tabs{gap:6px;margin:0 0 14px;display:flex}.tabs a{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:5px 12px;font-size:13px}.tabs a.active{color:var(--accent);border-color:var(--accent)}.signin{place-items:center;min-height:100vh;display:grid}.signin .box{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:10px;width:min(420px,92vw);padding:32px 36px}.signin p{color:var(--muted);font-size:14px}@media (max-width:760px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}main{padding:20px 16px 40px}}
