:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--text:#e6e9ef;--muted:#99a1b3;--accent:#5b8cff;--accent-ink:#fff;--ok:#3fbf7f;--warn:#e8b339;--danger:#ef5f5f;--radius:10px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f0f2f6;--border:#dde1e8;--text:#12151c;--muted:#626b7d;--ok:#1d8a55;--warn:#a2740c;--danger:#c73b3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.05rem}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.5rem;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand small{color:var(--muted);font-size:.75rem;font-weight:400}.nav{flex:1;gap:.25rem;display:flex}.nav a{border-radius:var(--radius);color:var(--muted);padding:.4rem .7rem;font-size:.9rem}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.active{background:var(--surface-2);color:var(--text)}.who{color:var(--muted);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.who img{border-radius:50%;width:26px;height:26px}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1.5rem}.page-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head .spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem 1.15rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1.25rem;display:grid}.kv{grid-template-columns:150px 1fr;gap:.45rem 1rem;font-size:.9rem;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.mono{font-family:var(--mono);font-size:.85em}.notes{font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:var(--radius);max-height:26rem;margin:0;padding:.85rem;font-size:.8rem;line-height:1.5;overflow-y:auto}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .85rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.badge{letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.neutral{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.badge.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.badge.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.badge.accent{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}button,.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;display:inline-flex}button:hover:not(:disabled),.btn:hover{border-color:var(--muted);text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.ok{border-color:color-mix(in srgb, var(--ok) 50%, transparent);color:var(--ok)}button.danger{border-color:color-mix(in srgb, var(--danger) 50%, transparent);color:var(--danger)}input,select,textarea{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%;padding:.45rem .6rem;font-size:.88rem}textarea{resize:vertical;font-family:var(--mono);font-size:.8rem}label{color:var(--muted);margin-bottom:.3rem;font-size:.78rem;display:block}.field{margin-bottom:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border:none;border-radius:0}.segmented button.active{background:var(--surface-2);color:var(--text)}.search{max-width:260px}.banner{border-radius:var(--radius);color:var(--text);border:1px solid;border-left-width:3px;margin-bottom:1rem;padding:.75rem .95rem;font-size:.88rem;line-height:1.55}.banner+.banner{margin-top:-.4rem}.banner .mono{font-size:.85em}.banner.error{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent);border-left-color:var(--danger)}.banner.error strong{color:var(--danger)}.banner.info{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent);border-left-color:var(--accent)}.banner.info strong{color:var(--accent)}.banner.success{background:color-mix(in srgb, var(--ok) 10%, transparent);border-color:color-mix(in srgb, var(--ok) 30%, transparent);border-left-color:var(--ok)}.banner.success strong{color:var(--ok)}.muted{color:var(--muted)}.small{font-size:.8rem}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:.9rem}.centered{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.signin{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;width:100%;max-width:380px;padding:2rem}.signin p{color:var(--muted);font-size:.9rem}.qr{border-radius:var(--radius);background:#fff;width:fit-content;padding:.6rem}.qr img{width:168px;height:168px;display:block}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.topbar{flex-wrap:wrap;gap:.5rem .75rem;padding:.6rem .85rem}.nav{flex-basis:100%;order:3;overflow-x:auto}.who{gap:.4rem;margin-left:auto}.who>span{display:none}main{padding:1rem .85rem}h1{font-size:1.25rem}.page-head{gap:.6rem}.page-head>input,.page-head>select{flex:100%;max-width:none}.search{max-width:none}.kv{grid-template-columns:1fr;gap:.1rem}.kv dt{margin-top:.5rem;font-size:.78rem}.card{padding:.85rem .9rem}.qr img{width:208px;height:208px}}
