:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e1e4eb;--text-secondary: #8b8fa3;--primary: #6366f1;--primary-hover: #818cf8;--success: #22c55e;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.nav-brand{font-size:1.1rem;font-weight:700;color:var(--primary)}.nav-links{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-size:.9rem}.nav-links a:hover,.nav-links a.router-link-active{color:var(--primary)}.btn-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem}.btn-link:hover{color:var(--danger)}.container{max-width:900px;margin:2rem auto;padding:0 1rem;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.btn{display:inline-block;padding:.7rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s;color:#fff;text-align:center}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.95rem;margin-bottom:.75rem}input:focus{outline:none;border-color:var(--primary)}.error{color:var(--danger);font-size:.85rem;margin-bottom:.5rem}h1,h2{margin-bottom:1rem}.footer{display:flex;justify-content:center;gap:2rem;padding:1.5rem;border-top:1px solid var(--border);background:var(--surface)}.footer a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.footer a:hover{color:var(--primary)}