:root{color-scheme:light dark;--bg: #0e0f12;--panel: #16181d;--border: #262931;--fg: #e6e8ec;--muted: #8a8f99;--accent: #7c9cff;--ok: #4ade80;--warn: #fbbf24;--err: #f87171}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:#20232b;color:var(--fg);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font:inherit}button:hover{background:#2a2e38}button.primary{background:var(--accent);color:#0a0c12;border-color:transparent}button.danger{background:#3a1a1a;border-color:#5a2828;color:#ffb3b3}input,textarea,select{background:#0c0d10;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit;width:100%}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.layout{display:grid;grid-template-columns:220px 1fr;height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:16px}.sidebar h1{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.sidebar nav a{display:block;padding:8px 10px;border-radius:6px;color:var(--fg)}.sidebar nav a.active{background:#20232b}.main{padding:24px;overflow:auto}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.tag{display:inline-block;padding:2px 6px;border-radius:4px;background:#20232b;color:var(--muted);font-size:12px}.tag.ok{background:#133124;color:var(--ok)}.tag.warn{background:#3a2a0a;color:var(--warn)}.tag.err{background:#3a1a1a;color:var(--err)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.grid{display:grid;gap:12px}.login{max-width:360px;margin:10vh auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px}.login h1{margin:0 0 24px;font-size:18px}.login .col>*{margin-bottom:12px}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.thumb{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.thumb img{display:block;width:100%;height:240px;object-fit:cover;object-position:top}.thumb .meta{padding:8px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}