:root{color-scheme:light dark;--fg: #1a1a1a;--bg: #fafafa;--muted: #666;--accent: #2563eb;--border: #e5e5e5;--error: #dc2626;--card: #fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--fg);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--fg: #eaeaea;--bg: #0d0d0d;--muted: #888;--border: #2a2a2a;--card: #161616}}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}.top{display:flex;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--card)}.top h1{margin:0;font-size:16px}.top nav{display:flex;gap:4px}.top nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.top>select,.top>button:last-child{margin-left:auto}main{padding:20px}section header.row{display:flex;gap:8px;align-items:center;margin-bottom:12px}section header.row h2{margin:0 auto 0 0;font-size:18px}.row{display:flex;gap:8px;align-items:center}button,input,select,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:6px 10px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{min-width:0}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:4px;overflow:hidden}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}td.truncate{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td button+button{margin-left:4px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.error{color:var(--error);padding:8px 10px;border:1px solid var(--error);border-radius:4px;margin:8px 0;background:color-mix(in srgb,var(--error) 8%,transparent)}.login{display:grid;place-items:center;min-height:100vh}.login form{display:grid;gap:12px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--card);min-width:320px}.login h1{margin:0 0 8px}label{display:grid;gap:4px;font-size:12px;color:var(--muted)}label input,label select{color:var(--fg);font-size:14px;padding:8px 10px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:50}.card{background:var(--card);padding:20px;border-radius:8px;border:1px solid var(--border);min-width:420px;display:grid;gap:12px}.card h3{margin:0}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 800px){.analytics-grid{grid-template-columns:1fr}}.log{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;padding:10px;border:1px solid var(--border);border-radius:4px;background:var(--card);max-height:200px;overflow:auto}