:root{--primary-color: #4f46e5;--secondary-color: #818cf8;--bg-color: #f3f4f6;--text-color: #1f2937;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5)}.theme-default{--primary-color: #4f46e5;--primary-dark: #3730a3;--primary-light: #eef2ff;--secondary-color: #818cf8;--bg-gradient-start: #e0e7ff;--bg-gradient-end: #f3f4f6}.theme-ocean{--primary-color: #0ea5e9;--primary-dark: #0369a1;--primary-light: #f0f9ff;--secondary-color: #38bdf8;--bg-gradient-start: #e0f2fe;--bg-gradient-end: #f0f9ff}.theme-forest{--primary-color: #15803d;--primary-dark: #14532d;--primary-light: #f0fdf4;--secondary-color: #4ade80;--bg-gradient-start: #dcfce7;--bg-gradient-end: #f0fdf4}.theme-sunset{--primary-color: #be185d;--primary-dark: #831843;--primary-light: #fdf2f8;--secondary-color: #f472b6;--bg-gradient-start: #fce7f3;--bg-gradient-end: #fdf2f8}.theme-lavender{--primary-color: #7c3aed;--primary-dark: #5b21b6;--primary-light: #f5f3ff;--secondary-color: #a78bfa;--bg-gradient-start: #ede9fe;--bg-gradient-end: #f5f3ff}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start, #e0e7ff) 0%,var(--bg-gradient-end, #f3f4f6) 100%);color:var(--text-color);min-height:100vh}.text-primary{color:var(--primary-color)!important}.text-primary-dark{color:var(--primary-dark)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-primary-light{background-color:var(--primary-light)!important}.border-primary{border-color:var(--primary-color)!important}.hover\:text-primary-dark:hover{color:var(--primary-dark)!important}.hover\:bg-primary-light:hover{background-color:var(--primary-light)!important}.hover\:border-primary:hover{border-color:var(--primary-color)!important}.group:hover .group-hover\:bg-primary-light{background-color:var(--primary-light)!important}.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))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.fixed{position:fixed}.z-50{z-index:50}.gap-3{gap:.75rem}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.sticky{position:sticky}.bottom-0{bottom:0}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f268726;border-radius:16px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.input-field{background:#fffc;border:1px solid rgba(0,0,0,.1);padding:.75rem;border-radius:8px;width:100%;transition:all .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}.card:hover{transform:translateY(-2px)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.p-4{padding:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.text-indigo-500{color:var(--primary-color)}.text-yellow-500{color:#eab308}.text-gray-600{color:#4b5563}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-black{font-weight:900}.text-gray-900{color:#111827}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.space-y-4>*+*{margin-top:1rem}.relative{position:relative}.absolute{position:absolute}.right-4{right:1rem}.top-4{top:1rem}.opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.transition-opacity{transition:opacity .2s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bg-red-500{background-color:#ef4444}.bg-red-600,.hover\:bg-red-600:hover{background-color:#dc2626}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700,.hover\:bg-indigo-700:hover{background-color:#4338ca}.text-white{color:#fff}.rounded-lg{border-radius:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.transition-all{transition:all .2s}.flex-1{flex:1 1 0%}.h-full{height:100%}.w-full{width:100%}.text-center{text-align:center}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border{border-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-2{margin-right:.5rem}.mt-auto{margin-top:auto}.mt-4{margin-top:1rem}.pt-4{padding-top:1rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.col-span-2{grid-column:span 2 / span 2}.leading-relaxed{line-height:1.625}.shadow-sm{box-shadow:0 1px 2px #0000000d}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.text-indigo-600{color:#4f46e5}.text-indigo-800,.hover\:text-indigo-800:hover{color:#3730a3}.bg-indigo-50,.hover\:bg-indigo-50:hover{background-color:#eef2ff}.text-yellow-600{color:#ca8a04}.bg-yellow-500{background-color:#eab308}.bg-yellow-50{background-color:#fefce8}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.hover\:text-gray-700:hover{color:#374151}.bg-gray-50,.hover\:bg-gray-50:hover{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-white\/30{background-color:#ffffff4d}.hover\:bg-white\/80:hover{background-color:#fffc}.bg-green-100{background-color:#dcfce7}.hover\:bg-green-200:hover{background-color:#bbf7d0}.text-green-800{color:#166534}.bg-blue-100{background-color:#dbeafe}.hover\:bg-blue-200:hover{background-color:#bfdbfe}.text-blue-800{color:#1e40af}.bg-red-100{background-color:#fee2e2}.hover\:bg-red-200:hover{background-color:#fecaca}.text-red-800{color:#991b1b}.justify-center{justify-content:center}.bg-white{background-color:#fff}.bg-white\/60{background-color:#fff9}.border-indigo-100{border-color:#e0e7ff}.border-indigo-300,.hover\:border-indigo-300:hover{border-color:#a5b4fc}.border-x-2{border-left-width:2px;border-right-width:2px}.border-t-2{border-top-width:2px}.border-b-white{border-bottom-color:#fff}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-2xl{border-radius:1rem}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.border-black{border-color:#000}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-gray-900{border-color:#111827}.cursor-pointer{cursor:pointer}.border-orange-500{border-color:#f97316!important}.bg-orange-500{background-color:#f97316!important}.bg-orange-50\/80{background-color:#fff7edcc!important}.text-orange-600{color:#ea580c!important}.border-red-500{border-color:#ef4444!important}.bg-red-50\/90{background-color:#fef2f2e6!important}.bg-indigo-100{background-color:#e0e7ff!important}.rotate-45{transform:rotate(45deg)}.translate-x-3{transform:translate(.75rem)}.-translate-y-1{transform:translateY(-.25rem)}.text-\[10px\]{font-size:10px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,#1e1b4b,#0f172a);font-family:Inter,sans-serif;color:#e2e8f0}.auth-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;padding:2.5rem;border-radius:1.5rem;width:100%;max-width:420px;position:relative;overflow:hidden}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.875rem;font-weight:800;color:transparent;background:linear-gradient(to right,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:#94a3b8}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.auth-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #818cf833;background:#0f172acc}.auth-button{width:100%;padding:.875rem;border-radius:.75rem;border:none;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5,#0ea5e9);cursor:pointer;transition:transform .1s,box-shadow .2s;font-size:1rem;margin-top:1rem}.auth-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.message-box{padding:.75rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;line-height:1.4}.message-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.message-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#94a3b8}.auth-link{color:#38bdf8;background:none;border:none;cursor:pointer;text-decoration:none;font-weight:500;padding:0;margin-left:.25rem}.auth-link:hover{text-decoration:underline}.password-requirements{font-size:.75rem;color:#94a3b8;margin-top:.5rem;background:#0003;padding:.5rem;border-radius:.5rem}.req-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.req-met{color:#86efac}.req-unmet{color:#94a3b8}