*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#64748b;--success-color:#22c55e;--error-color:#ef4444;--warning-color:#f59e0b;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--gray-50);color:var(--gray-800);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-300)}.btn-danger{background-color:var(--error-color);color:var(--white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-outline{background-color:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover:not(:disabled){background-color:var(--gray-100)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.input-field{background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.input-field::-moz-placeholder{color:var(--gray-400)}.input-field::placeholder{color:var(--gray-400)}.input-field.error{border-color:var(--error-color)}.input-error{color:var(--error-color);font-size:var(--font-size-sm)}.card{background-color:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.alert{border-radius:var(--radius-lg);font-size:var(--font-size-sm);padding:var(--spacing-4)}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-warning{background-color:#fffbeb;border:1px solid #fed7aa;color:#92400e}.spinner{animation:spin .8s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.hidden{display:none}@media(max-width:640px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}.card{border-radius:var(--radius-lg);padding:var(--spacing-6)}}.page-enter-active,.page-leave-active{transition:all .2s ease-out}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}#app{display:flex;flex-direction:column;min-height:100vh}