:root{--bg: #0a0a0f;--surface: #111118;--surface2: #1a1a24;--border: #2a2a3a;--accent: #6c63ff;--accent2: #ff6b6b;--text: #e8e8f0;--text-muted: #6b6b80;--success: #4ecca3;--warning: #ffd166;--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--radius: 8px;--transition: .18s ease}[data-theme=scksk]{--bg: #f5f5f3;--surface: #ffffff;--surface2: #eeede9;--border: #d8d5cc;--accent: #e8820a;--accent2: #c0392b;--text: #1c1c1a;--text-muted: #6b6860;--success: #2e7d32;--warning: #e8820a;--font-display: "Segoe UI", Arial, sans-serif;--font-mono: "Courier New", monospace;--radius: 3px}[data-theme=scksk] body{background:var(--bg)}[data-theme=scksk] nav{background:#1c1c1a!important;border-bottom:3px solid #e8820a!important;box-shadow:0 2px 6px #00000040!important}[data-theme=scksk] nav a,[data-theme=scksk] nav span{color:#f0ede8!important}[data-theme=scksk] nav a:hover{color:#e8820a!important;text-decoration:none}[data-theme=scksk] .btn-primary{background:#e8820a;color:#fff;border-radius:3px;text-transform:uppercase;font-size:.82rem;letter-spacing:.05em}[data-theme=scksk] .btn-primary:hover{background:#cf7309;transform:none}[data-theme=scksk] .btn-ghost{border-color:#e8820a;color:#e8820a;border-radius:3px}[data-theme=scksk] .btn-ghost:hover{background:#e8820a;color:#fff;border-color:#e8820a}[data-theme=scksk] .btn-danger{border-color:#c0392b;color:#c0392b}[data-theme=scksk] .btn-danger:hover{background:#c0392b;color:#fff}[data-theme=scksk] .card{border-radius:3px;border-color:#d8d5cc;box-shadow:0 1px 4px #00000012}[data-theme=scksk] input,[data-theme=scksk] textarea,[data-theme=scksk] select{background:#fff;border-color:#c8c5bc;color:#1c1c1a}[data-theme=scksk] input:focus,[data-theme=scksk] textarea:focus{border-color:#e8820a;box-shadow:0 0 0 2px #e8820a26}[data-theme=scksk] table th{background:#1c1c1a;color:#f0ede8;font-weight:600}[data-theme=scksk] table tr:hover td{background:#e8820a0d}[data-theme=scksk] table td{border-bottom-color:#e0ddd6}[data-theme=scksk] .badge-admin{background:#e8820a1f;color:#b56508}[data-theme=scksk] .badge-user{background:#1c1c1a14;color:#6b6860}[data-theme=scksk] .toast-success{background:#2e7d32;color:#fff}[data-theme=scksk] .toast-error{background:#c0392b;color:#fff}[data-theme=scksk] ::-webkit-scrollbar-thumb{background:#c8c5bc}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none;transition:var(--transition)}input,textarea,select{font-family:var(--font-display);background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.6rem .9rem;width:100%;font-size:.95rem;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:var(--transition);cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7d74ff;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--accent2);color:var(--accent2)}.btn-danger:hover{background:var(--accent2);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-admin{background:#6c63ff26;color:var(--accent)}.badge-user{background:#6b6b8026;color:var(--text-muted)}.toast{position:fixed;bottom:2rem;right:2rem;padding:.9rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;z-index:9999;animation:slideIn .2s ease}.toast-success{background:var(--success);color:#0a0a0f}.toast-error{background:var(--accent2);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.page-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:none}tr:hover td{background:#6c63ff0a}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state .icon{font-size:3rem;margin-bottom:1rem}