:root{--color-primary:#8b5cf6;--color-primary-gradient-start:#6a0dad;--color-primary-gradient-end:#8a2be2;--color-bg-primary:#fff;--color-bg-secondary:#f0f2f5;--color-text-primary:#1f2937;--color-text-secondary:#888;--color-form-bg:#fff;--color-form-border:#d1d5db;--color-button-normal:#8b5cf6;--color-button-hover:#7b1fd0;--color-button-pressed:#6c1bbe;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--padding-sm:12px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.05);--shadow-lg:0 12px 24px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.2)}[data-theme=dark]{--color-primary:#8b5cf6;--color-primary-gradient-start:#6a0dad;--color-primary-gradient-end:#8a2be2;--color-bg-primary:#1a1a2e;--color-bg-secondary:#1d1d33;--color-text-primary:#f0f2f5;--color-text-secondary:#888;--color-form-bg:#2a2a4a;--color-form-border:#4a4a6a;--color-button-normal:#8b5cf6;--color-button-hover:#7b1fd0;--color-button-pressed:#6c1bbe;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--padding-sm:12px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.05);--shadow-lg:0 12px 24px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.2)}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}#__next,body,html{height:100%}.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-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-x-2>*+*{margin-left:.5rem}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-full{width:100%}.max-w-md{max-width:28rem}.w-80{width:20rem}.h-3{height:.75rem}.w-3{width:.75rem}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-form{background-color:var(--color-form-bg)}.bg-button{background-color:var(--color-button-normal)}.bg-button:hover{background-color:var(--color-button-hover)}.bg-button:active{background-color:var(--color-button-pressed)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-button{color:var(--color-button-normal)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.border-form{border-color:var(--color-form-border)}.border-primary{border-color:var(--color-primary)}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary-gradient-start),var(--color-primary-gradient-end))}.hover\:bg-button:hover{background-color:var(--color-button-hover)}.hover\:text-primary:hover{color:var(--color-text-primary)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.bg-green-500{background-color:#10b981}.bg-gray-500{background-color:#6b7280}.bg-yellow-500{background-color:#f59e0b}.bg-gray-400{background-color:#9ca3af}.bg-blue-600{background-color:#2563eb}.bg-red-600{background-color:#dc2626}.bg-indigo-600{background-color:#4f46e5}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-white{color:#fff}.text-red-600{color:#dc2626}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-gray-200{border-color:#e5e7eb}.border-gray-100{border-color:#f3f4f6}.border-l-blue-500{border-left-color:#3b82f6}.border-transparent{border-color:transparent}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-full{border-radius:9999px}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}input,select,textarea{background-color:var(--color-form-bg);border-color:var(--color-form-border);color:var(--color-text-primary);transition:border-color .3s ease,background-color .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(139,92,246,.2)}button{background-color:var(--color-button-normal);color:#fff;border:none;transition:background-color .3s ease}button:hover{background-color:var(--color-button-hover)}button:active{background-color:var(--color-button-pressed)}button:disabled{opacity:.5;cursor:not-allowed}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-red-700:hover{background-color:#b91c1c}.hover\:bg-indigo-700:hover{background-color:#4338ca}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus\:border-indigo-500:focus{border-color:#6366f1}.focus\:z-10:focus{z-index:10}.disabled\:opacity-50:disabled{opacity:.5}.flex-1{flex:1 1}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}