.bg-slate-50{background-color:#f8fafc}
.dark\:.dark\:bg-slate-900{background-color:#0f172a}
.min-h-screen{min-height:100vh}
.text-slate-800{color:#1e293b}
.dark\:.dark\:text-slate-200{color:#e2e8f0}
.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.flex{display:flex}
.flex-col{flex-direction:column}
.relative{position:relative}
.fixed{position:fixed}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-50{z-index:50}
.bg-blue-900\/40{background-color:#1e3a8a66}
.hidden{display:none}
.items-center{align-items:center}
.justify-center{justify-content:center}
.border-8{border-width:8px}
.border-dashed{border-style:dashed}
.border-blue-500{border-color:#3b82f6}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.pointer-events-none{pointer-events:none}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.font-bold{font-weight:700}
.text-white{color:#fff}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}
.text-blue-100{color:#dbeafe}
.mt-2{margin-top:0.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.w-full{width:100%}
.border-b{border-bottom-width:1px}
.border-slate-200{border-color:#e2e8f0}
.dark\:.dark\:border-slate-800{border-color:#1e293b}
.bg-white{background-color:#fff}
.dark\:.dark\:bg-slate-950{background-color:#020617}
.sticky{position:sticky}
.top-0{top:0}
.z-40{z-index:40}
.max-w-6xl{max-width:w}
.mx-auto{margin-left:auto;margin-right:auto}
.p-4{padding:1rem}
.justify-between{justify-content:space-between}
.gap-3{gap:0.75rem}
.w-10{width:2.5rem}
.h-10{height:2.5rem}
.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}
.from-blue-600{--tw-gradient-from:#2563eb}
.to-emerald-500{--tw-gradient-to:#10b981}
.rounded-lg{border-radius:0.5rem}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.tracking-tight{letter-spacing:-0.025em}
.sm\:.sm\:inline{display:inline}
.text-blue-600{color:#2563eb}
.dark\:.dark\:text-emerald-400{color:#34d399}
.space-x-1>*+*{margin-left:0.25rem}
.space-x-1>*{margin-left:0}
.bg-slate-100{background-color:#f1f5f9}
.dark\:.dark\:bg-slate-800{background-color:#1e293b}
.p-1{padding:0.25rem}
.rounded-xl{border-radius:0.75rem}
.md\:.md\:mx-0{margin-left:0;margin-right:0}
.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.font-semibold{font-weight:600}
.md\:.md\:inline{display:inline}
.md\:.md\:hidden{display:none}
.gap-2{gap:0.5rem}
.p-2.5{padding:0.625rem}
.rounded-full{border-radius:9999px}
.border{border-width:1px}
.dark\:.dark\:border-slate-700{border-color:#334155}
.text-slate-500{color:#64748b}
.dark\:.dark\:text-slate-400{color:#94a3b8}
.hover\:.hover\:bg-slate-200{background-color:#e2e8f0}
.dark\:.hover\:.dark\:hover\:bg-slate-700{background-color:#334155}
.focus\:.focus\:outline-none{outline:0}
.dark\:.dark\:text-yellow-400{color:#facc15}
.dark\:.dark\:hidden{display:none}
.dark\:.dark\:inline{display:inline}
.flex-grow{flex-grow:1}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.md\:.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.animate-fade-in{animation:fadeIn 0.3s ease-out forwards}
.grid{display:grid}
.lg\:.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.gap-8{gap:2rem}
.items-start{align-items:flex-start}
.lg\:.lg\:col-span-4{grid-column:span 4/span 4}
.h-full{height:100%}
.space-y-6>*+*{margin-top:1.5rem}
.space-y-6>*{margin-top:0}
.rounded-2xl{border-radius:1rem}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}
.border-slate-100{border-color:#f1f5f9}
.overflow-hidden{overflow:hidden}
.bg-slate-50\/50{background-color:#f8fafc80}
.dark\:.dark\:bg-slate-800\/50{background-color:#1e293b80}
.w-6{width:1.5rem}
.h-6{height:1.5rem}
.bg-blue-100{background-color:#dbeafe}
.dark\:.dark\:bg-blue-900\/50{background-color:#1e3a8a80}
.dark\:.dark\:text-blue-400{color:#60a5fa}
.mr-2{margin-right:0.5rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-red-500{color:#ef4444}
.p-5{padding:1.25rem}
.border-2{border-width:2px}
.border-slate-300{border-color:#cbd5e1}
.dark\:.dark\:border-slate-600{border-color:#475569}
.p-6{padding:1.5rem}
.cursor-pointer{cursor:pointer}
.min-h-\[220px\]{min-h:220px}
.hover\:.hover\:border-blue-500{border-color:#3b82f6}
.z-10{z-index:10}
.w-16{width:4rem}
.h-16{height:4rem}
.dark\:.dark\:bg-slate-700{background-color:#334155}
.text-blue-500{color:#3b82f6}
.mb-4{margin-bottom:1rem}
.group-hover\:.group-hover\:scale-110{--tw-scale:1.1;transform:scale(var(--tw-scale,1))}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.mb-1{margin-bottom:0.25rem}
.aspect-square{aspect-ratio:1/1}
.object-contain{object-fit:contain}
.p-2{padding:0.5rem}
.absolute{position:absolute}
.text-black\/50{color:#00080}
.border-\[24px\]{border:24px}
.border-black\/50{border-color:#00080}
.mt-3{margin-top:0.75rem}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.rounded{border-radius:0.25rem}
.text-\[10px\]{text:10px}
.outline-none{outline:0}
.lg\:.lg\:col-span-8{grid-column:span 8/span 8}
.opacity-50{opacity:0.5}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.bg-purple-100{background-color:#f3e8ff}
.dark\:.dark\:bg-purple-900\/50{background-color:#581c8780}
.text-purple-600{color:#9333ea}
.dark\:.dark\:text-purple-400{color:#c084fc}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.md\:.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-5{gap:1.25rem}
.block{display:block}
.mb-2{margin-bottom:0.5rem}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:0.05em}
.font-medium{font-weight:500}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rounded-md{border-radius:0.375rem}
.py-1.5{padding-top:0.375rem;padding-bottom:0.375rem}
.hover\:.hover\:text-slate-700{color:#334155}
.flex-wrap{flex-wrap:wrap}
.gap-4{gap:1rem}
.bg-blue-50{background-color:#eff6ff}
.dark\:.dark\:bg-slate-900\/50{background-color:#0f172a80}
.p-3{padding:0.75rem}
.border-blue-100{border-color:#dbeafe}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.bg-slate-300{background-color:#cbd5e1}
.w-8{width:2rem}
.h-5{height:1.25rem}
.left-1{left:0.25rem}
.top-1{top:0.25rem}
.w-3{width:0.75rem}
.h-3{height:0.75rem}
.ml-2{margin-left:0.5rem}
.text-slate-700{color:#334155}
.dark\:.dark\:text-slate-300{color:#cbd5e1}
.w-px{width:1px}
.sm\:.sm\:block{display:block}
.p-0{padding:0}
.border-0{border-width:0}
.mb-3{margin-bottom:0.75rem}
.sm\:.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt-auto{margin-top:auto}
.pt-4{padding-top:1rem}
.bg-slate-200{background-color:#e2e8f0}
.h-2{height:0.5rem}
.bg-blue-600{background-color:#2563eb}
.bg-red-500{background-color:#ef4444}
.hover\:.hover\:bg-red-600{background-color:#dc2626}
.py-4{padding-top:1rem;padding-bottom:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.hover\:.hover\:bg-blue-700{background-color:#1d4ed8}
.md\:.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.gap-6{gap:1.5rem}
.md\:.md\:col-span-5{grid-column:span 5/span 5}
.text-center{text-align:center}
.duration-200{transition-duration:200ms}
.hover\:.hover\:border-emerald-500{border-color:#10b981}
.hover\:.hover\:bg-emerald-50{background-color:#ecfdf5}
.dark\:.hover\:.dark\:hover\:bg-slate-800{background-color:#1e293b}
.min-h-\[160px\]{min-h:160px}
.w-12{width:3rem}
.h-12{height:3rem}
.text-emerald-500{color:#10b981}
.dark\:.dark\:text-white{color:#fff}
.top-2{top:0.5rem}
.right-2{right:0.5rem}
.hover\:.hover\:text-red-700{color:#b91c1c}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-4>*{margin-top:0}
.pt-2{padding-top:0.5rem}
.border-t{border-top-width:1px}
.p-1.5{padding:0.375rem}
.md\:.md\:col-span-7{grid-column:span 7/span 7}
.text-emerald-600{color:#059669}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.from-emerald-400{--tw-gradient-from:#34d399}
.to-teal-500{--tw-gradient-to:#14b8a6}
.bg-emerald-50{background-color:#ecfdf5}
.dark\:.dark\:bg-emerald-900\/20{background-color:#064e3b33}
.border-emerald-100{border-color:#d1fae5}
.dark\:.dark\:border-emerald-800\/30{border-color:#065f464d}
.text-emerald-800{color:#065f46}
.dark\:.dark\:text-emerald-300{color:#6ee7b7}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-black{font-weight:900}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.bg-emerald-600{background-color:#059669}
.hover\:.hover\:bg-emerald-500{background-color:#10b981}
.disabled\:.disabled\:opacity-50{opacity:0.5}
.bg-slate-900{background-color:#0f172a}
.border-slate-800{border-color:#1e293b}
.min-h-\[200px\]{min-h:200px}
.bg-slate-800{background-color:#1e293b}
.border-slate-700{border-color:#334155}
.text-slate-400{color:#94a3b8}
.hover\:.hover\:text-white{color:#fff}
.text-\[11px\]{text:11px}
.leading-relaxed{line-height:1.625}
.space-y-1>*+*{margin-top:0.25rem}
.space-y-1>*{margin-top:0}
.overflow-y-auto{overflow-y:auto}
.text-slate-300{color:#cbd5e1}
.bottom-5{bottom:1.25rem}
.right-5{right:1.25rem}
.hover\:.hover\:bg-slate-700{background-color:#334155}
.dark\:.dark\:bg-white{background-color:#fff}
.dark\:.hover\:.dark\:hover\:bg-slate-200{background-color:#e2e8f0}
.dark\:.dark\:text-slate-900{color:#0f172a}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.transform{transform:var(--tw-transform)}
.translate-y-20{--tw-translate-y:5rem;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0))}
.opacity-0{opacity:0}
.border-slate-600{border-color:#475569}
.dark\:.dark\:border-slate-300{border-color:#cbd5e1}
.top-5{top:1.25rem}
.z-\[60\]{z:60}
.bg-slate-900\/70{background-color:#0f172ab3}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.max-w-md{max-width:w}
.dark\:.hover\:.dark\:hover\:text-white{color:#fff}
.leading-none{line-height:1}
.space-y-3>*+*{margin-top:0.75rem}
.space-y-3>*{margin-top:0}
.mt-4{margin-top:1rem}
.shadow-inner{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)}
.w-auto{width:auto}
.h-auto{height:auto}
.max-w-full{max-width:100%}
.fa-spin{animation:fa-spin 1s infinite linear}
.text-slate-600{color:#475569}
.shrink-0{flex-shrink:0}