*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #242424;--border: #333;--accent: #6c63ff;--accent-hover: #5a52d5;--text: #e8e8e8;--text-muted: #888;--danger: #e74c3c;--radius: 8px}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}main{padding:1.5rem;max-width:1200px;margin:0 auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}.form-group{margin-bottom:1rem}.error-msg{color:var(--danger);font-size:.85rem;margin-top:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}