*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111;--bg2:#1a1a1a;--bg3:#222;--border:#333;--text:#ddd;--text-muted:#777;--accent:#5b9bd5;--danger:#c0392b;--font:system-ui, "Segoe UI", sans-serif}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--bg3);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:1rem;font-family:var(--font);padding:.4rem 1rem}button:hover{background:var(--bg2);border-color:#555}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}button.primary:hover{opacity:.85}button.danger{border-color:var(--danger);color:var(--danger)}button.danger:hover{background:var(--danger);color:#fff}input,select,textarea{background:var(--bg2);color:var(--text);border:1px solid var(--border);font-size:1rem;font-family:var(--font);width:100%;padding:.4rem .6rem}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);text-align:left;padding:.4rem .6rem}th{background:var(--bg3);font-weight:600}tr:hover td{background:var(--bg2)}.muted{color:var(--text-muted);font-size:.875rem}.error{color:#e74c3c}nav{border-bottom:1px solid var(--border);background:var(--bg2);display:flex}nav a{color:var(--text-muted);border-bottom:2px solid #0000;padding:.6rem 1.2rem;display:inline-block}nav a:hover{color:var(--text);text-decoration:none}nav a.active{color:var(--text);border-bottom-color:var(--accent)}.page{padding:1.5rem}h1{margin-bottom:1rem;font-size:1.4rem;font-weight:600}h2{margin-bottom:.75rem;font-size:1.1rem;font-weight:600}