:root{--bg:#f5f6fa;--card:#fff;--ink:#1c2233;--mute:#6b7389;--line:#e4e7ef;--brand:#3b5bdb;--pos:#16a34a;--neg:#dc2626;--warn:#d97706}@media (prefers-color-scheme:dark){:root{--bg:#10131c;--card:#181c28;--ink:#e8eaf2;--mute:#9099b0;--line:#272c3c;--brand:#7c93ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.45 system-ui,sans-serif}.app{grid-template-columns:210px 1fr;min-height:100vh;display:grid}nav{background:var(--card);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:16px 10px;display:flex}nav h1{color:var(--brand);margin:0 8px 14px;font-size:18px}nav button{all:unset;cursor:pointer;color:var(--mute);border-radius:8px;padding:8px 10px}nav button.on,nav button:hover{background:var(--bg);color:var(--ink)}nav .sp{flex:1}main{width:100%;max-width:1100px;padding:22px}h2{margin:0 0 14px;font-size:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:14px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:16px}.grid .card{margin:0}.k{color:var(--mute);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.v{margin-top:4px;font-size:26px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--mute);font-size:12px;font-weight:500}td,th{border-bottom:1px solid var(--line);padding:8px 6px}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--pos)}.neg{color:var(--neg)}.tag{background:var(--bg);color:var(--mute);border-radius:99px;padding:2px 7px;font-size:11px}.tag.od{color:var(--neg);background:#dc262622}.tag.ok{color:var(--pos);background:#16a34a22}input,select,button.b{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 10px}button.b{cursor:pointer;background:var(--brand);color:#fff;border:0}button.b.g{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.login{gap:10px;max-width:320px;margin:15vh auto;display:grid}.chat{flex-direction:column;height:calc(100vh - 120px);display:flex}.msgs{flex-direction:column;flex:1;gap:10px;padding-bottom:10px;display:flex;overflow:auto}.m{white-space:pre-wrap;border-radius:12px;max-width:80%;padding:10px 13px}.m.user{background:var(--brand);color:#fff;align-self:flex-end}.m.assistant{background:var(--card);border:1px solid var(--line)}.err{color:var(--neg)}@media (width<=700px){.app{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow:auto}nav h1{display:none}}