:root{--bg: #f5f7f7;--card: #fff;--line: #d9e0e0;--fg: #142120;--muted: #5d6d6c;--accent: #0d6b74;--bad: #b42318;--warn: #9a6400;--ok: #1b7a44;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #0f1617;--card: #172122;--line: #2b3a3b;--fg: #e8f0ef;--muted: #9aaaa9;--accent: #5cc2c9;--bad: #f97066;--warn: #f0c060;--ok: #6fd39a}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--card)}.brand{font-size:17px;margin-right:8px}nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}.tab{border:1px solid transparent;background:none;color:var(--muted);padding:6px 10px;border-radius:6px;cursor:pointer;font:inherit}.tab.on{color:var(--accent);border-color:var(--accent)}.user{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.login{max-width:340px;margin:12vh auto 0}label.check{display:flex;gap:6px;align-items:center}main{padding:20px;display:grid;gap:16px;max-width:1280px;margin:0 auto}h2{margin:0 0 8px;font-size:20px}h3{margin:0 0 8px;font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:10px;min-width:0}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}label{display:grid;gap:4px;font-size:12px;color:var(--muted)}input,select,textarea,button{font:inherit;font-size:14px}input,select,textarea{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}button.primary{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:7px 12px;cursor:pointer}button.ghost{background:none;border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:6px 10px;cursor:pointer}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:12px}.scroll{overflow-x:auto}tr.click{cursor:pointer}tr.click:hover td{background:var(--bg)}code,.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;word-break:break-all}.pill{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;border:1px solid currentColor}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.muted,.empty{color:var(--muted)}.error{color:var(--bad)}video{width:100%;max-height:60vh;background:#000;border-radius:8px}.bar{position:relative;height:18px;background:var(--bg);border:1px solid var(--line);border-radius:4px;overflow:hidden}.bar span{position:absolute;top:0;bottom:0;background:var(--accent);opacity:.7}.bar i{position:absolute;top:0;bottom:0;background:var(--bad);opacity:.5}