@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-64:16rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--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)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,sans-serif}body{background-color:var(--gray-50);color:var(--gray-900);line-height:1.6}.container{max-width:80rem;margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-6>*+*{margin-top:var(--spacing-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-900{color:var(--gray-900)}.text-primary-600{color:var(--primary-600)}.text-success-600{color:var(--success-600)}.text-red-600{color:var(--error-600)}.text-green-600{color:var(--success-600)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-primary-100{background-color:var(--primary-100)}.bg-success-100{background-color:var(--success-100)}.bg-warning-100{background-color:var(--warning-100)}.bg-error-100{background-color:var(--error-100)}.bg-red-50{background-color:var(--error-50)}.border{border-width:1px}.border-gray-200{border-color:var(--gray-200)}.border-red-200{border-color:var(--error-200)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.mt-1{margin-top:var(--spacing-1)}.ml-4{margin-left:var(--spacing-4)}.h-8{height:var(--spacing-8)}.h-10{height:var(--spacing-10)}.h-12{height:var(--spacing-12)}.h-64{height:var(--spacing-64)}.w-8{width:var(--spacing-8)}.w-full{width:100%}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.hidden{display:none}.fixed{position:fixed}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.z-50{z-index:50}.pl-64{padding-left:var(--spacing-64)}.min-h-screen{min-height:100vh}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-gray-600{background-color:var(--gray-600)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rounded-full{border-radius:9999px}.border-b-2{border-bottom-width:2px}.border-primary-600{border-color:var(--primary-600)}.card{background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--gray-200)}.card-body,.card-header{padding:var(--spacing-4) var(--spacing-6)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s;border:none;cursor:pointer;text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 2px var(--primary-500)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover{background-color:var(--primary-700)}.btn-secondary{background-color:var(--gray-200);color:var(--gray-900)}.btn-secondary:hover{background-color:var(--gray-300)}.btn-sm{height:var(--spacing-8);padding:0 var(--spacing-3);font-size:.75rem}.btn-md{height:var(--spacing-10);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{height:var(--spacing-12);padding:0 var(--spacing-6);font-size:1rem}.input{display:flex;height:var(--spacing-10);width:100%;border-radius:var(--radius-md);border:1px solid var(--gray-300);background-color:#fff;padding:var(--spacing-2) var(--spacing-3);font-size:.875rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.input:disabled{cursor:not-allowed;opacity:.5}@media (min-width:640px){.sm\:px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:hidden{display:none}.lg\:fixed{position:fixed}.lg\:flex{display:flex}.lg\:w-64{width:var(--spacing-64)}.lg\:flex-col{flex-direction:column}.lg\:pl-64{padding-left:var(--spacing-64)}}