:root{--primary:#dc2626;--primary-dark:#b91c1c;--secondary:#1d4ed8;--bg:#fff;--surface:#f8fafc;--surface2:#f1f5f9;--surface3:#e2e8f0;--border:#00000017;--text:#0f172a;--text-muted:#64748b;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--radius:10px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.btn-secondary{background:var(--surface3);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface2)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface2)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{border-radius:12px;padding:.85rem 2rem;font-size:1rem}.btn-icon{padding:.6rem}.input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:50px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-primary{color:var(--primary);background:#dc26261f}.badge-success{color:var(--success);background:#22c55e33}.badge-warning{color:var(--warning);background:#f59e0b33}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius);background:var(--surface2);border:1px solid var(--border);color:var(--text);max-width:360px;padding:.85rem 1.25rem;font-size:.875rem;animation:.3s slideIn;box-shadow:0 4px 20px #0000001f}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.toast-container{bottom:5rem;left:1rem;right:1rem}.toast{max-width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;padding:2rem;overflow-y:auto}.modal h2{margin-bottom:1.5rem;font-size:1.25rem}.modal-close{float:right;cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.25rem}.modal-close:hover{color:var(--text)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}