:root{--c-bg: #0f0f1a;--c-card-bg: #16162a;--c-card-bg-alt: #1e1e34;--c-input-bg: #1a1a2e;--c-input-hover-bg: #1f1f3a;--c-border: #2e2e4a;--c-text: #e2e0f0;--c-text-muted: #8880a8;--c-accent: #7c3aed;--c-accent-hover: #6d28d9;--c-danger: #dc2626;--c-success: #16a34a;--font: "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--secondary{background:var(--c-border);color:var(--c-text)}.btn--secondary:hover:not(:disabled){background:var(--c-card-bg-alt)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--sm{padding:5px 12px;font-size:.8rem}.btn--xs{padding:3px 8px;font-size:.75rem}.form-label{display:block;font-size:.8rem;color:var(--c-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.form-input{width:100%;padding:8px 12px;background:var(--c-input-bg);border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);font-size:.9rem;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--c-accent)}.form-error{color:#fca5a5;font-size:.8rem}.toast-layer{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 16px;border-radius:6px;font-size:.875rem;font-weight:500;max-width:320px;box-shadow:0 4px 16px #0006;pointer-events:auto;cursor:pointer;background:var(--c-card-bg);color:var(--c-text);border:1px solid var(--c-border)}.toast--success{border-color:#22c55e;color:#86efac}.toast--error{border-color:#ef4444;color:#fca5a5}.toast--info{border-color:var(--c-accent)}.toast-enter-active,.toast-leave-active{transition:all .25s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}