:root{--color-primary: #6366F1;--color-primary-dark: #4F46E5;--color-success: #059669;--color-danger: #DC2626;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-text: #111827;--color-text-light: #6B7280;--color-border: #E5E7EB;--font-family: "Nunito", "Segoe UI", sans-serif;--border-radius: 10px;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.card{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.125rem;border-radius:8px;font-family:var(--font-family);font-size:.875rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid var(--color-border)}.btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn.btn-danger{background:var(--color-danger);color:#fff}.btn.btn-danger:hover:not(:disabled){filter:brightness(.9)}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:700;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:8px;font-family:var(--font-family);font-size:.875rem;background:var(--color-surface)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(99,102,241,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}