*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--border: #334155;--text: #f1f5f9;--muted: #94a3b8;--primary: #f59e0b;--primary-light: #fbbf24;--success: #22c55e;--danger: #ef4444;--radius: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4)}html,body,#root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden}#root{display:flex;flex-direction:column}a{color:var(--primary-light);text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:.95rem;border-radius:10px;padding:.7rem 1.4rem;font-weight:600;transition:all .15s ease;outline:none}.btn-primary{background:var(--primary);color:#0f172a}.btn-primary:hover{background:var(--primary-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#3f4f65}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}input,select,textarea{width:100%;padding:.7rem 1rem;border:1px solid var(--border);border-radius:10px;font-family:inherit;font-size:1rem;background:var(--surface2);color:var(--text);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}label{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-bottom:.35rem}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow)}.page{flex:1;padding:1.25rem;max-width:560px;margin:0 auto;width:100%}.nav{background:var(--surface);border-bottom:1px solid var(--border);padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.1rem;font-weight:800;color:var(--primary-light);letter-spacing:-.5px}.nav-btn{background:var(--surface2);color:var(--muted);border:1px solid var(--border);padding:.4rem .9rem;font-size:.8rem;border-radius:8px}.nav-btn:hover{color:var(--text)}.error-box{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem}.form-group{margin-bottom:1.1rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.w-full{width:100%}.flex{display:flex}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-muted{color:var(--muted)}.text-sm{font-size:.875rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.text-center{text-align:center}