:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-nav:linear-gradient(135deg, #1a2332 0%, #0f1629 100%);--gradient-text:linear-gradient(135deg, #1e293b, #334155);--primary:#667eea;--primary-dark:#764ba2;--primary-light:#667eea1f;--primary-bg:#667eea14;--danger:#dc2626;--danger-bg:#fef2f2;--danger-light:#fee2e2;--danger-border:#fecaca;--success:#22c55e;--success-bg:#f0fdf4;--success-light:#dcfce7;--success-border:#bbf7d0;--dark:#1e293b;--dark-lighter:#334155;--gray-100:#f8fafc;--gray-200:#f1f5f9;--gray-300:#e2e8f0;--gray-400:#cbd5e1;--gray-500:#94a3b8;--gray-600:#64748b;--gray-700:#475569;--gray-800:#334155;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 20px #00000026;--shadow-xl:0 20px 60px #0003;--shadow-primary:0 8px 20px -4px #667eea66;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--dark);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #667eea80}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-secondary{border:1px solid var(--gray-300);color:var(--primary);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--primary-bg)}.btn-link{color:var(--primary);background:0 0;border:none;padding:.5rem;font-size:.875rem}.btn-link:hover:not(:disabled){color:var(--primary-dark);background:var(--primary-bg)}.btn-danger{color:#fca5a5;background:#ef44441f;border:1px solid #ef444426}.btn-danger:hover:not(:disabled){color:#fff;background:#ef444440;border-color:#ef44444d}.input{border:2px solid var(--gray-300);border-radius:var(--radius-md);width:100%;color:var(--dark);transition:all var(--transition-normal);background:#fff;outline:none;padding:.8rem 1rem;font-family:inherit;font-size:1rem}.input:hover{border-color:var(--gray-400)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:var(--spacing-sm);border-left:4px solid;padding:.8rem 1rem;font-size:.84rem;line-height:1.4;animation:.3s ease-out slideIn;display:flex}.alert-danger{background:linear-gradient(135deg, var(--danger-bg), var(--danger-light));border-left-color:var(--danger);color:#991b1b}.alert-success{background:linear-gradient(135deg, var(--success-bg), var(--success-light));border-left-color:var(--success);color:#166534}.card{border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);background:#fff}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.1rem;display:flex}.label{color:var(--gray-800);align-items:center;gap:var(--spacing-sm);font-size:.85rem;font-weight:600;display:flex}.label-icon{font-size:.95rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-gray{color:var(--gray-500)}.w-full{width:100%}.h-full{height:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}