@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-bottom-10{bottom:-2.5rem}.-right-10{right:-2.5rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.left-\[75\%\]{left:75%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-12{top:3rem}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.-mr-8{margin-right:-2rem}.-mt-8{margin-top:-2rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-\[250px\]{height:250px}.h-full{height:100%}.h-screen{height:100vh}.max-h-96{max-height:24rem}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.3333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-12{--tw-translate-x:3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:1s infinite bounce}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.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))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(249 250 251/var(--tw-divide-opacity))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.\!border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(79 70 229/var(--tw-border-opacity))!important}.\!border-red-100{--tw-border-opacity:1!important;border-color:rgb(254 226 226/var(--tw-border-opacity))!important}.\!border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity))}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity))}.border-indigo-50{--tw-border-opacity:1;border-color:rgb(238 242 255/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-indigo-800{--tw-border-opacity:1;border-color:rgb(55 48 163/var(--tw-border-opacity))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-t-transparent{border-top-color:#0000}.\!bg-red-50{--tw-bg-opacity:1!important;background-color:rgb(254 242 242/var(--tw-bg-opacity))!important}.bg-\[\#f8fafc\]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-\[\#f9fafb\]{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity))}.bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity))}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-indigo-50\/30{background-color:#eef2ff4d}.bg-indigo-50\/50{background-color:#eef2ff80}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-indigo-500\/5{background-color:#6366f10d}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(49 46 129/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-slate-900\/80{background-color:#0f172acc}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-indigo-700{--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #4338ca var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-indigo-900{--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}.fill-amber-500{fill:#f59e0b}.fill-orange-500{fill:#f97316}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-\[\'Inter\'\,_sans-serif\]{font-family:Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-\[10px\]{font-size:10px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-red-500{--tw-text-opacity:1!important;color:rgb(239 68 68/var(--tw-text-opacity))!important}.text-\[\#111827\]{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-\[\#16a34a\]{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-\[\#4f46e5\]{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-\[\#dc2626\]{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity))}.text-emerald-50{--tw-text-opacity:1;color:rgb(236 253 245/var(--tw-text-opacity))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity))}.text-indigo-900{--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-indigo-300{text-decoration-color:#a5b4fc}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-emerald-100{--tw-shadow-color:#d1fae5;--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-200{--tw-shadow-color:#e5e7eb;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-100{--tw-shadow-color:#e0e7ff;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-200{--tw-shadow-color:#c7d2fe;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-100{--tw-shadow-color:#ffedd5;--tw-shadow:var(--tw-shadow-colored)}.shadow-purple-100{--tw-shadow-color:#f3e8ff;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-200{--tw-shadow-color:#fecaca;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-50{--tw-shadow-color:#fef2f2;--tw-shadow:var(--tw-shadow-colored)}.shadow-rose-100{--tw-shadow-color:#ffe4e6;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-2{--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)}.ring-4{--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(4px + 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)}.ring-indigo-500{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--navy-bg:#1e3a8a;--navy-dark:#1e293b;--navy-light:#3b82f6;--white:#fff;--gray-light:#f8fafc;--gray-border:#e2e8f0;--gray-text:#64748b;--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--error:#ef4444;--error-bg:#fef2f2;--success:#10b981;--success-bg:#ecfdf5;--text-dark:#1e293b;--glow-shadow:0 4px 20px #3b82f626;--border-radius:16px;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:32px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--navy-bg);color:var(--white);-webkit-font-smoothing:antialiased;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.auth-container:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"rgba(255,255,255,0.05)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-dark);border-radius:var(--border-radius);text-align:center;background-color:#fffffff2;border:1px solid #fff3;width:100%;max-width:440px;padding:40px;animation:.6s ease-out fadeIn;box-shadow:0 20px 40px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-logo{background:linear-gradient(135deg, var(--primary-blue) 0%, #7c3aed 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.auth-subtitle{color:var(--gray-text);margin-bottom:30px;font-size:14px}.auth-form{gap:var(--spacing-md);text-align:left;flex-direction:column;display:flex}.input-group{margin-bottom:var(--spacing-md);flex-direction:column;display:flex;position:relative}.input-group label{color:var(--text-dark);margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:600;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--gray-text);justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;left:14px}.auth-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-border);background-color:var(--white);color:var(--text-dark);letter-spacing:.3px;border-radius:10px;font-family:inherit;font-size:14px;transition:all .3s}.auth-input.has-icon{padding-left:42px}.auth-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 4px #2563eb1a}.auth-input:disabled{background-color:var(--gray-light);cursor:not-allowed;opacity:.7}.password-peek{color:var(--gray-text);cursor:pointer;z-index:5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.password-peek:hover{color:var(--primary-blue);background-color:var(--gray-light)}.auth-input.has-peek{padding-right:44px}.btn-primary{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg, var(--primary-blue) 0%, #1d4ed8 100%);color:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);letter-spacing:.3px;border:none;border-radius:10px;min-height:46px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}@media (width<=640px){.btn-primary,.btn-secondary,.btn-outline{width:100%!important;min-height:48px!important}}.btn-secondary{background-color:var(--gray-light);color:var(--text-dark);border:1px solid var(--gray-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background-color:var(--gray-border)}.btn-outline{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-outline:hover{background-color:var(--primary-blue);color:var(--white)}.btn-link{color:var(--primary-blue);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s}.btn-link:hover{text-decoration:underline}.alert{text-align:left;border-radius:8px;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex}.alert-error{background-color:var(--error-bg);color:var(--error);border:1px solid #ef444433}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid #10b98133}.otp-container{justify-content:space-between;gap:8px;margin-bottom:15px;display:flex}.otp-box{text-align:center;border:2px solid var(--gray-border);width:48px;height:56px;color:var(--navy-bg);background-color:var(--gray-light);border-radius:8px;font-size:24px;font-weight:600;transition:all .2s}.otp-box:focus{border-color:var(--primary-blue);background-color:var(--white);outline:none;box-shadow:0 0 0 4px #2563eb1a}.timer{text-align:center;margin-bottom:20px;font-size:14px;font-weight:600}.timer.danger{color:var(--error)}.timer.safe{color:var(--text-dark)}.trust-device-label{color:var(--gray-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.trust-device-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-blue);cursor:pointer}.password-strength{gap:4px;margin-top:8px;display:flex}.strength-bar{background-color:var(--gray-border);border-radius:2px;flex:1;height:4px;transition:background-color .3s}.strength-text{text-align:right;margin-top:4px;font-size:12px;font-weight:500}.dashboard-layout{height:100vh;color:var(--text-dark);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;display:flex}.dashboard-nav{padding:var(--spacing-md) var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:#fffffff2;border-bottom:1px solid #0000000d;height:70px;display:flex;box-shadow:0 2px 8px #00000014}.nav-brand{color:var(--navy-bg);letter-spacing:-.5px;font-size:20px;font-weight:700}.nav-right{align-items:center;gap:20px;display:flex}.user-info{color:var(--gray-text);align-items:center;gap:12px;font-size:14px;display:flex}.role-badge{background-color:var(--primary-blue);color:var(--white);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.dashboard-body{flex:1;display:flex;overflow:hidden}.dashboard-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;padding:var(--spacing-lg);gap:var(--spacing-xs);background:#ffffffe6;border-right:1px solid #0000000d;flex-direction:column;max-height:calc(100vh - 70px);display:flex;position:sticky;top:70px;overflow-y:auto}.dashboard-sidebar::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#2563eb59;border-radius:999px}.dashboard-sidebar::-webkit-scrollbar-track{background:#fff6}.sidebar-item{padding:var(--spacing-sm) var(--spacing-md);color:var(--gray-text);cursor:pointer;align-items:center;gap:var(--spacing-sm);border-radius:10px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.sidebar-item svg{color:var(--primary-blue);flex-shrink:0}.sidebar-item:hover{color:var(--primary-blue);background:linear-gradient(135deg,#3b82f61a 0%,#9333ea1a 100%);transform:translate(4px)}.sidebar-item.active{background:linear-gradient(135deg, var(--primary-blue) 0%, #7c3aed 100%);color:var(--white);font-weight:600;box-shadow:0 4px 12px #3b82f64d}.dashboard-content{padding:var(--spacing-2xl);background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex:1;overflow-y:auto}.welcome-widget{background-color:var(--white);padding:var(--spacing-2xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-2xl);border:1px solid var(--gray-border);box-shadow:0 1px 3px #00000014}.welcome-widget h1{color:var(--navy-bg);margin-bottom:var(--spacing-md);letter-spacing:-.5px;font-size:28px;font-weight:700}.welcome-widget p{color:var(--gray-text);margin:0;font-size:15px;line-height:1.6}@media (width<=768px){.dashboard-sidebar,.user-info{display:none}.auth-card{padding:30px 20px}.otp-box{width:40px;height:48px;font-size:20px}.dashboard-nav{height:60px;padding:12px 16px}.dashboard-content{padding:16px}.responsive-table thead{display:none}.responsive-table tr{border:1px solid var(--gray-border);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;display:block;box-shadow:0 1px 3px #0000000d}.responsive-table td{text-align:right;justify-content:space-between;align-items:center;display:flex;border:none!important;padding:8px 0!important}.responsive-table td:before{content:attr(data-label);color:var(--gray-text);text-transform:uppercase;text-align:left;margin-right:16px;font-size:12px;font-weight:700}.responsive-table td:last-child{justify-content:center;gap:12px;margin-top:12px;border-top:1px solid var(--gray-border)!important;padding-top:12px!important}.responsive-table td:last-child:before{display:none}.modal-overlay{align-items:flex-end!important}.modal-content{max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;margin-bottom:0!important;padding:24px!important;animation:.3s ease-out slideUp!important}.form-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width>=641px){.modal-overlay{background-color:#0009!important;align-items:center!important}.modal-content{margin:auto!important}}.wizard-container{max-width:900px;padding:var(--spacing-lg);margin:0 auto}.wizard-progress{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--white);border-radius:var(--border-radius);justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 1px 3px #00000014}.wizard-progress:before{content:"";background-color:var(--gray-border);z-index:1;height:2px;position:absolute;top:38px;left:40px;right:40px}.progress-step{align-items:center;gap:var(--spacing-md);z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.progress-step.completed .step-circle{background-color:var(--success);border-color:var(--success);color:var(--white)}.progress-step.active .step-circle{border-color:var(--primary-blue);color:var(--white);background-color:var(--primary-blue);transform:scale(1.1);box-shadow:0 0 15px #2563eb33}.step-circle{background-color:var(--white);border:2px solid var(--gray-border);width:36px;height:36px;color:var(--gray-text);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .3s;display:flex}.step-label{color:var(--gray-text);text-align:center;font-size:12px;font-weight:600}.progress-step.active .step-label{color:var(--primary-blue)}.step-card{background-color:var(--white);color:var(--text-dark);border-radius:16px;padding:40px;animation:.4s ease-out slideUp;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{border-bottom:1px solid var(--gray-border);margin-bottom:32px;padding-bottom:20px}.step-title{color:var(--navy-bg);margin-bottom:8px;font-size:22px;font-weight:700}.step-subtitle{color:var(--gray-text);font-size:14px}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.wizard-actions{border-top:1px solid var(--gray-border);justify-content:space-between;margin-top:40px;padding-top:24px;display:flex}@media (width<=640px){.form-grid{grid-template-columns:1fr}.step-label{display:none}.step-card{padding:24px}}.review-section{border:1px solid var(--gray-border);background-color:#f8fafc;border-radius:12px;margin-bottom:32px;padding:24px}.review-section-header{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.card{background:var(--white);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--gray-border);transition:all .3s;box-shadow:0 1px 3px #00000014}.card:hover{border-color:#3b82f633;box-shadow:0 4px 12px #0000001a}svg{transition:all .3s}button svg,a svg{width:var(--icon-sm);height:var(--icon-sm)}.review-section-title{color:var(--navy-bg);text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:700}.review-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.review-item{flex-direction:column;gap:4px;display:flex}.review-label{color:var(--gray-text);text-transform:uppercase;font-size:12px;font-weight:600}.review-value{color:var(--text-dark);font-size:14px;font-weight:500}.review-item.full-width{grid-column:1/-1}@media (width<=640px){.review-grid{grid-template-columns:1fr}}.data-table-container{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.data-table-header{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.search-input{width:300px}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--gray-border)}.data-table th{background-color:var(--gray-light);color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.data-table td{color:var(--text-dark);font-size:14px}.status-badge{border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-draft{color:#475569;background:#f1f5f9}.status-pending_payment{color:#d97706;background:#fffbeb}.status-active{color:#059669;background:#ecfdf5}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-\[14px\]:after{content:var(--tw-content);bottom:-14px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:bg-indigo-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-y-\[-4px\]:hover{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-100:hover{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.hover\:border-indigo-100:hover{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity))}.hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.hover\:\!bg-red-100:hover{--tw-bg-opacity:1!important;background-color:rgb(254 226 226/var(--tw-bg-opacity))!important}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity))}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.hover\:bg-indigo-50\/30:hover{background-color:#eef2ff4d}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-rose-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:text-\[\#4f46e5\]:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-gray-100:hover{--tw-shadow-color:#f3f4f6;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.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\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-1{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.group:hover .group-hover\:bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.group:hover .group-hover\:bg-indigo-500\/10{background-color:#6366f11a}.group:hover .group-hover\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.group:hover .group-hover\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (width>=640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-left{text-align:left}}@media (width>=768px){.md\:mb-1{margin-bottom:.25rem}.md\:mb-8{margin-bottom:2rem}.md\:mt-8{margin-top:2rem}.md\:block{display:block}.md\:flex{display:flex}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-14{height:3.5rem}.md\:h-24{height:6rem}.md\:h-6{height:1.5rem}.md\:h-7{height:1.75rem}.md\:h-\[250px\]{height:250px}.md\:h-\[300px\]{height:300px}.md\:min-h-0{min-height:0}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-12{width:3rem}.md\:w-14{width:3.5rem}.md\:w-24{width:6rem}.md\:w-6{width:1.5rem}.md\:w-7{width:1.75rem}.md\:w-\[240px\]{width:240px}.md\:w-auto{width:auto}.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\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:gap-4{gap:1rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-3xl{border-radius:1.5rem}.md\:border-t-0{border-top-width:0}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:opacity-100{opacity:1}}@media (width>=1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mb-0{margin-bottom:0}.lg\:block{display:block}.lg\:hidden{display:none}.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\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.lg\:p-8{padding:2rem}.lg\:pb-0{padding-bottom:0}}@media (width>=1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.student-portal-layout{background-color:var(--gray-light,#f3f4f6);min-height:100vh;color:var(--text-dark,#1e293b);flex-direction:column;font-family:inherit;display:flex}.student-navbar{background-color:var(--white,#fff);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.student-nav-brand{color:var(--navy-bg,#0a192f);cursor:pointer;font-size:20px;font-weight:700}.student-nav-links{align-items:center;gap:20px;display:flex}.student-nav-link{color:var(--gray-text,#64748b);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.student-nav-link:hover,.student-nav-link.active{color:var(--primary-blue,#2563eb)}.student-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}.student-card{background-color:var(--white,#fff);border-radius:var(--border-radius,12px);margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.student-card h2{color:var(--navy-bg,#0a192f);border-bottom:1px solid var(--gray-border,#e2e8f0);margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:600}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.circular-progress-container{justify-content:center;align-items:center;height:200px;display:flex}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{background:var(--gray-light,#f3f4f6);color:inherit;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;text-decoration:none;display:flex}.task-item:hover{background:var(--gray-border,#e2e8f0)}.task-item.urgent{border-left:4px solid var(--error,#ef4444)}.cert-banner{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 15px #10b9814d}.bell-icon{cursor:pointer;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.badge{background:var(--error,#ef4444);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:2px;right:2px}.course-layout{gap:24px;height:calc(100vh - 128px);display:flex}.course-sidebar{background:var(--white);border-radius:var(--border-radius);width:320px;padding:16px;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.module-header{cursor:pointer;background:var(--gray-light);color:var(--navy-bg);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;font-weight:600;display:flex}.module-items{margin-bottom:16px;padding-left:16px}.content-item{cursor:pointer;color:var(--text-dark);border-radius:6px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:background .2s;display:flex}.content-item:hover:not(.locked){color:var(--primary-blue);background:#2563eb1a}.content-item.locked{opacity:.5;cursor:not-allowed}.content-item .icon-check{color:var(--success)}.course-main{background:var(--white);border-radius:var(--border-radius);flex:1;padding:32px;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.video-container{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.video-container iframe,.video-container video{border:none;width:100%;height:100%}.video-controls{background:var(--gray-light);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex}.task-status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status-not_submitted{color:#475569;background:#f1f5f9}.status-submitted{color:#1e40af;background:#dbeafe}.status-evaluated{color:#065f46;background:#ecfdf5}.status-overdue{color:#991b1b;background:#fef2f2}.heatmap-card{margin-top:24px}.react-calendar-heatmap .color-scale-0{fill:#ebedf0}.react-calendar-heatmap .color-scale-1{fill:#9be9a8}.react-calendar-heatmap .color-scale-2{fill:#40c463}.react-calendar-heatmap .color-scale-3{fill:#30a14e}.react-calendar-heatmap .color-scale-4{fill:#216e39}.discussion-post{border:1px solid var(--gray-border);cursor:pointer;border-radius:8px;margin-bottom:16px;padding:16px;transition:box-shadow .2s}.discussion-post:hover{box-shadow:0 4px 12px #00000014}.reply-block{border-left:2px solid var(--gray-border);margin-bottom:12px;margin-left:24px;padding-left:16px}.leads-container{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-header h1{color:var(--navy-bg);font-size:24px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.stat-card{background-color:var(--white);border-radius:var(--border-radius);color:var(--text-dark);flex-direction:column;gap:8px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-label{color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.stat-value{font-size:32px;font-weight:700;color:#030712!important}.pipeline-board{gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.pipeline-col{border:1px solid var(--gray-border);background-color:#f8fafc;border-radius:10px;flex-direction:column;flex:1;gap:12px;min-width:200px;padding:16px;display:flex}.col-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.col-header h3{text-transform:capitalize;color:var(--navy-bg);font-size:14px;font-weight:700}.col-count{background-color:var(--gray-border);color:var(--navy-bg);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.leads-table-container{background-color:var(--white);border-radius:var(--border-radius);width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.leads-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}.leads-table th{text-align:left;color:var(--gray-text);border-bottom:1px solid var(--gray-border);white-space:nowrap;background-color:#f8fafc;padding:10px 12px;font-size:12px;font-weight:600}.leads-table td{border-bottom:1px solid var(--gray-border);color:var(--text-dark);vertical-align:middle;padding:10px 12px}.leads-table tr:hover{cursor:pointer;background-color:#fcfcfc}.status-badge{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.status-new{color:#1e40af;background-color:#dbeafe}.status-contacted{color:#854d0e;background-color:#fef9c3}.status-interested{color:#166534;background-color:#dcfce7}.status-negotiating{color:#9a3412;background-color:#ffedd5}.status-converted{color:#065f46;background-color:#ecfdf5;border:1px solid #059669}.status-cold{color:#475569;background-color:#f1f5f9}.overdue-row td{font-weight:500;color:var(--error)!important}.lead-controls{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.search-input{border:1px solid var(--gray-border);border-radius:8px;flex:1;min-width:260px;padding:10px 16px;font-size:14px}.filter-select{border:1px solid var(--gray-border);background-color:var(--white);border-radius:8px;padding:10px}.lead-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.detail-card{background-color:var(--white);border-radius:var(--border-radius);padding:32px;box-shadow:0 1px 3px #0000000d}.pipeline-viz{border-bottom:1px solid var(--gray-border);justify-content:space-between;margin-bottom:32px;padding:20px 0;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-circle{background-color:var(--gray-border);width:32px;height:32px;color:var(--white);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.step-label{color:var(--gray-text);font-size:11px;font-weight:600}.step.active .step-circle{background-color:var(--primary-blue)}.step.active .step-label{color:var(--primary-blue)}.step.completed .step-circle{background-color:var(--success)}.timeline{border-left:2px solid var(--gray-border);flex-direction:column;gap:20px;margin-top:20px;padding-left:20px;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background-color:var(--white);border:2px solid var(--primary-blue);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-27px}.note-header{color:var(--gray-text);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.note-text{background-color:#f8fafc;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.form-card{background-color:var(--white);border-radius:var(--border-radius);max-width:600px;box-shadow:var(--glow-shadow);margin:0 auto;padding:40px}.form-title{color:var(--navy-bg);margin-bottom:24px;font-size:20px;font-weight:700}.pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.pagination-btn{border:1px solid var(--gray-border);background-color:var(--white);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px}.pagination-btn:hover:not(:disabled){background-color:var(--gray-light)}.pagination-btn.active{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.btn-delete{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-delete:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-delete:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.btn-delete.btn-sm{border-radius:4px;padding:4px 8px;font-size:11px}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--white);border-radius:12px;width:100%;max-width:400px;padding:24px;animation:.2s ease-out slideUp;box-shadow:0 10px 25px #0003}.modal-content h3{color:var(--navy-bg);margin:0 0 12px;font-size:18px}.modal-content p{color:var(--text-dark);margin:0 0 24px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.progress-container{background-color:var(--gray-border);border-radius:6px;width:100%;height:12px;margin:10px 0;overflow:hidden}.progress-bar{background-color:var(--primary-blue);height:100%;transition:width .3s}@media (width<=1024px){.lead-grid{grid-template-columns:1fr}}.status-registration_completed{color:#0369a1;background-color:#e0f2fe}.status-onboarded{color:#166534;background-color:#dcfce7;border:1px solid #86efac}.ob-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.ob-sent{color:#166534;background-color:#dcfce7}.ob-pending{color:#854d0e;background-color:#fef9c3}.ob-na{color:#94a3b8;background:0 0;padding:0;font-size:13px}.row-selected{outline-offset:-1px;outline:1px solid #bfdbfe;background-color:#eff6ff!important}.row-selected:hover{background-color:#dbeafe!important}.bulk-toolbar{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;animation:.25s ease-out slideDown;display:flex;box-shadow:0 4px 20px #3b82f659}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-toolbar-info{align-items:center;gap:10px;display:flex}.bulk-count-badge{color:#fff;background-color:#fff3;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:16px;font-weight:800;display:inline-flex}.bulk-toolbar-label{color:#ffffffe6;font-size:14px;font-weight:600}.bulk-actions{flex-wrap:wrap;gap:8px;display:flex}.bulk-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.bulk-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.bulk-btn:active:not(:disabled){transform:translateY(0)}.bulk-btn:disabled{opacity:.55;cursor:not-allowed}.bulk-btn-icon{font-size:14px}.bulk-btn-convert{color:#fff;background-color:#f59e0b}.bulk-btn-convert:hover:not(:disabled){background-color:#d97706}.bulk-btn-send{color:#fff;background-color:#10b981}.bulk-btn-send:hover:not(:disabled){background-color:#059669}.bulk-btn-both{color:#1e40af;background-color:#fff}.bulk-btn-both:hover:not(:disabled){background-color:#eff6ff}.bulk-btn-clear{color:#ffffffd9;background-color:#ffffff26;border:1px solid #ffffff40}.bulk-btn-clear:hover:not(:disabled){background-color:#ffffff40}.bulk-toast{background-color:#fff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:10px;padding:14px 20px;animation:.2s ease-out fadeIn;box-shadow:0 4px 12px #3b82f61f}.bulk-toast-label{color:#1e40af;font-size:13px;font-weight:600}.bulk-result-row{color:var(--text-dark);border-bottom:1px solid var(--gray-border);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.bulk-result-row:last-child{border-bottom:none}.bulk-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.bulk-result-icon.success{color:#166534;background-color:#dcfce7}.bulk-result-icon.error{color:#dc2626;background-color:#fee2e2}.bulk-result-icon.skip{color:#64748b;background-color:#f1f5f9}.invite-banner{background-color:#f0fdf4;border:1px solid #86efac;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;box-shadow:0 4px 12px #16653414}.invite-banner-icon{background-color:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.btn-whatsapp{color:#fff;cursor:pointer;background-color:#25d366;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .2s;display:inline-flex}.btn-whatsapp:hover{background-color:#1ebe5d}.btn-copy{color:#166534;cursor:pointer;background-color:#fff;border:1px solid #86efac;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .2s}.btn-copy:hover{background-color:#f0fdf4}.btn-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}.btn-dismiss:hover{color:#64748b}.cp-tabs{background:#f1f5f9;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.cp-tab{color:var(--gray-text,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .18s}.cp-tab:hover{background:#e2e8f0}.cp-tab-active{background:var(--white,#fff);color:var(--navy-bg,#1e3a5f);box-shadow:0 1px 4px #0000001a}.cp-panel{background:var(--white,#fff);border-radius:12px;flex-direction:column;gap:18px;padding:28px;display:flex;box-shadow:0 1px 3px #0000000f}.cp-student-strip{background:var(--white,#fff);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000f}.cp-strip-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.cp-strip-info{flex:1}.cp-strip-name{color:var(--navy-bg,#1e3a5f);font-size:16px;font-weight:700}.cp-strip-meta{color:var(--gray-text,#64748b);margin-top:2px;font-size:13px}.cp-strip-fee{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cp-strip-fee-label{color:var(--gray-text,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.cp-strip-fee-value{color:var(--navy-bg,#1e3a5f);font-size:22px;font-weight:700}.cp-form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.cp-form-group{flex-direction:column;gap:6px;display:flex}.cp-label{color:var(--gray-text,#64748b);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.cp-input{color:var(--text-dark,#1e293b);box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .15s}.cp-input:focus{background:#fff;border-color:#3b82f6}.cp-textarea{resize:vertical;min-height:80px}.cp-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.cp-btn:disabled{opacity:.55;cursor:not-allowed}.cp-btn-primary{color:#fff;background:#2563eb}.cp-btn-primary:hover:not(:disabled){background:#1d4ed8}.cp-btn-ghost{color:var(--gray-text,#64748b);background:0 0;border:1.5px solid #e2e8f0}.cp-btn-ghost:hover:not(:disabled){background:#f1f5f9}.cp-btn-sm{padding:6px 14px;font-size:13px}.cp-btn-full{width:100%}.cp-badge{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-paid{color:#166534;background:#dcfce7}.badge-pending{color:#854d0e;background:#fef9c3}.badge-overdue{color:#991b1b;background:#fee2e2}.badge-cash{color:#0369a1;background:#e0f2fe}.badge-installment{color:#5b21b6;background:#ede9fe}.cp-student-name{color:var(--text-dark,#1e293b);font-size:14px;font-weight:600}.cp-student-email{color:var(--gray-text,#64748b);margin-top:2px;font-size:12px}.cp-batch-name{color:var(--gray-text,#64748b);font-size:12px}.cp-td-paid{color:#166534;font-weight:600}.cp-td-pending{color:#b45309;font-weight:600}.cp-paid-tick{color:#16a34a;font-size:13px;font-weight:600}.cp-inst-wrapper{flex-direction:column;gap:16px;display:flex}.cp-inst-summary{flex-wrap:wrap;gap:12px;display:flex}.cp-inst-sum-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;min-width:110px;padding:10px 16px;display:flex}.cp-inst-sum-item span{color:var(--gray-text,#64748b);text-transform:uppercase;font-size:12px;font-weight:600}.cp-inst-sum-item strong{color:var(--navy-bg,#1e3a5f);font-size:16px;font-weight:700}.cp-sum-paid strong{color:#16a34a}.cp-sum-pending strong{color:#b45309}.cp-sum-overdue strong{color:#dc2626}.cp-inst-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.cp-preview-label{color:var(--gray-text,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700}.cp-preview-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.cp-preview-item{flex-direction:column;gap:4px;display:flex}.cp-preview-num{color:var(--gray-text,#64748b);font-size:12px;font-weight:600}.cp-preview-input{padding:7px 10px;font-size:13px}.cp-loading{text-align:center;color:var(--gray-text,#64748b);padding:40px}.cp-empty{text-align:center;color:var(--gray-text,#64748b);padding:20px;font-size:14px}.cp-empty-state{color:var(--gray-text,#64748b);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.cp-empty-icon{font-size:40px}.cp-empty-state p{font-size:15px}.cp-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.cp-already-paid{color:#166534;text-align:center;background:#dcfce7;border-radius:8px;padding:16px 20px;font-size:15px;font-weight:600}.cp-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.cp-modal{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:36px 32px;display:flex;box-shadow:0 20px 60px #0003}.cp-modal-sm{max-width:340px}.cp-modal h2{color:var(--navy-bg,#1e3a5f);font-size:20px;font-weight:700}.cp-modal p{color:var(--gray-text,#64748b);font-size:14px}.cp-modal-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:700;display:flex}.cp-cred-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;width:100%;padding:14px 16px;display:flex}.cp-cred-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cp-cred-label{color:var(--gray-text,#64748b);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;font-size:12px;font-weight:600}.cp-cred-value{color:var(--navy-bg,#1e3a5f);word-break:break-all;text-align:right;font-size:13px;font-weight:600}.cp-cred-password{color:#5b21b6;background:#ede9fe;border-radius:4px;padding:3px 8px;font-family:Courier New,monospace;font-size:12px}.cp-modal-note{color:#dc2626;font-size:12px;font-weight:500}.cp-modal-actions{justify-content:center;gap:10px;width:100%;display:flex}:root{--indigo-primary:#4f46e5;--indigo-hover:#4338ca;--indigo-soft:#eef2ff;--emerald-primary:#059669;--emerald-hover:#047857;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--card-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.epic05-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.btn-premium-primary{background:linear-gradient(135deg, var(--indigo-primary) 0%, #6366f1 100%);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #4f46e54d}.btn-premium-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4f46e566}.btn-premium-primary:active{transform:translateY(0)}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#1e293b;background:#e2e8f0}.btn-link{color:var(--indigo-primary);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.spinner{border:3px solid #4f46e51a;border-top-color:var(--indigo-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.hover\:border-indigo-200:hover{border-color:#c7d2fe!important}.full-width{grid-column:1/-1}.premium-card{background:var(--white);border:1px solid var(--gray-border);box-shadow:var(--card-shadow);border-radius:1rem;padding:1.5rem;transition:transform .2s}.premium-card:hover{border-color:var(--indigo-primary)}.empty-state-container{background:var(--indigo-soft);color:#64748b;text-align:center;border:2px dashed #cbd5e1;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{color:var(--indigo-primary);background:#fff;border-radius:50%;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 10px #0000000d}.premium-search-container{width:100%;max-width:400px;position:relative}.premium-search-input{border:1px solid var(--gray-border);background:var(--white);border-radius:.75rem;width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;transition:all .2s}.premium-search-input:focus{border-color:var(--indigo-primary);outline:none;box-shadow:0 0 0 4px #4f46e51a}.search-icon{color:#94a3b8;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.premium-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.premium-header h1{color:#1e293b;letter-spacing:-.025em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.premium-header p{color:#64748b;font-size:1rem}.badge-premium{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.badge-active{color:#166534;background:#dcfce7}.badge-draft{color:#475569;background:#f1f5f9}.modal-overlay-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content-premium{background:#fff;border-radius:1.5rem;width:95%;max-width:600px;padding:2.5rem;animation:.3s ease-out modalSlideUp;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.premium-form-input{border:1.5px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-form-input:focus{border-color:var(--indigo-primary);outline:none;box-shadow:0 0 0 4px #4f46e51a}.premium-form-input::placeholder{color:#94a3b8}label{color:#475569;letter-spacing:.025em;font-size:.8125rem;font-weight:700}.modal-overlay-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6}.modal-content-premium{border:1px solid #fff3}.pulse-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;box-shadow:0 0 #ef4444b3}.search-box-premium,.filter-select-premium{background:#fff;border:1.5px solid #e2e8f0;border-radius:.875rem;align-items:center;min-width:280px;padding:0 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.search-box-premium:focus-within,.filter-select-premium:focus-within{border-color:var(--indigo-primary);transform:translateY(-1px);box-shadow:0 0 0 4px #4f46e51a}.search-box-premium svg,.filter-select-premium svg{color:#94a3b8;flex-shrink:0;margin-right:10px}.search-box-premium input,.filter-select-premium select{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:.75rem 0;font-size:.875rem;font-weight:600}.filter-select-premium select{cursor:pointer;appearance:none;padding-right:1.5rem}.filter-select-premium:after{content:"";pointer-events:none;border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;width:.5rem;height:.5rem;position:absolute;right:1rem;transform:rotate(45deg)translateY(-50%)}:root{--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--card-shadow:0 8px 32px 0 #1f26875e;--gradient-bg:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--accent-color:#6366f1}.student-dashboard{background:var(--gradient-bg);color:#fff;min-height:calc(100vh - 80px);padding:3rem;font-family:Inter,sans-serif}.dashboard-header{text-align:center;margin-bottom:2.5rem}.dashboard-header h1{margin-bottom:.5rem;font-size:2.8rem;font-weight:800}.dashboard-header .highlight{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-header p{color:#94a3b8;font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.dashboard-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006}.dashboard-card h2{color:#f1f5f9;border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.4rem}.profile-info .info-row{justify-content:space-between;margin-bottom:1rem;display:flex}.profile-info .label{color:#94a3b8;font-weight:500}.profile-info .value{color:#f1f5f9;font-weight:600}.status-badge{text-transform:uppercase;border-radius:2rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.status-badge.active{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.status-badge.pending_payment{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.course-info h3{background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.6rem}.batch-name{color:#64748b;font-size:.95rem}.payment-callout{border-top:1px solid var(--glass-border);text-align:center;margin-top:1.5rem;padding-top:1.5rem}.payment-callout p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.stat-item{flex-direction:column;margin-bottom:1.5rem;display:flex}.stat-label{color:#94a3b8;margin-bottom:.3rem;font-size:.85rem}.stat-value{color:#fff;font-size:1.8rem;font-weight:700}.progress-bar{background:var(--glass-border);border-radius:5px;height:10px;margin-top:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);height:100%}@media (width<=768px){.student-dashboard{padding:1.5rem}}.react-calendar-heatmap text{fill:#aaa;font-size:10px}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}:root{--epic8-primary:#6366f1;--epic8-primary-dark:#4f46e5;--epic8-secondary:#0ea5e9;--epic8-accent:#f59e0b;--epic8-bg:#f8fafc;--epic8-card-bg:#fff;--epic8-border:#e2e8f0;--epic8-text-main:#1e293b;--epic8-text-muted:#64748b;--epic8-error:#ef4444;--epic8-success:#10b981}.epic8-page-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.5s ease-out fadeIn}.epic8-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.epic8-header h1{color:var(--epic8-text-main);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;font-weight:800}.epic8-header p{color:var(--epic8-text-muted);margin:0;font-size:1rem}.header-stats{gap:1.5rem;display:flex}.header-stat-item{border:1px solid var(--epic8-border);background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.header-stat-item svg{color:var(--epic8-primary)}.stat-value{color:var(--epic8-text-main);font-size:1.25rem;font-weight:700;line-height:1}.stat-label{color:var(--epic8-text-muted);text-transform:uppercase;margin-top:2px;font-size:.75rem;font-weight:600}.premium-card{background:var(--epic8-card-bg);border:1px solid var(--epic8-border);border-radius:1.25rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.search-filter-bar{border-bottom:1px solid var(--epic8-border);background:#fcfdfe;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.search-input-wrapper,.filter-select-wrapper{border:1px solid var(--epic8-border);background:#fff;border-radius:.75rem;align-items:center;padding:0 .75rem;transition:all .2s;display:flex;position:relative}.search-input-wrapper:focus-within,.filter-select-wrapper:focus-within{border-color:var(--epic8-primary);box-shadow:0 0 0 3px #6366f11a}.search-input-wrapper input,.filter-select-wrapper select,.filter-select-wrapper input{color:var(--epic8-text-main);background:0 0;border:none;outline:none;width:100%;padding:.75rem .5rem;font-size:.9rem}.search-input-wrapper{flex:1;min-width:280px}.filter-select-wrapper{min-width:180px}.search-input-wrapper svg,.filter-select-wrapper svg{color:var(--epic8-text-muted);flex-shrink:0}.btn-premium-primary{background:var(--epic8-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.btn-premium-primary:hover{background:var(--epic8-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.table-wrapper{overflow-x:auto}.epic8-table{border-collapse:collapse;text-align:left;width:100%}.epic8-table th{color:var(--epic8-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--epic8-border);background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.epic8-table td{border-bottom:1px solid var(--epic8-border);color:var(--epic8-text-main);vertical-align:middle;padding:1.25rem 1.5rem}.epic8-table tr:last-child td{border-bottom:none}.epic8-table tr:hover{background:#fcfdfe}.table-primary-text{color:var(--epic8-text-main);font-size:.95rem;font-weight:600}.table-secondary-text{color:var(--epic8-text-muted);margin-top:2px;font-size:.8rem}.badge-trainer{text-transform:uppercase;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-outline{border:1px solid var(--epic8-border);color:var(--epic8-text-muted);background:#fcfdfe;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.icon-btn{color:var(--epic8-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.icon-btn:hover{color:var(--epic8-primary);background:#f1f5f9}.epic8-loader-container{justify-content:center;align-items:center;height:400px;display:flex}.spinner{border:3px solid #6366f11a;border-top:3px solid var(--epic8-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=1024px){.epic8-header{flex-direction:column}.header-stats{width:100%}.header-stat-item{flex:1}}@media (width<=640px){.search-filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper,.filter-select-wrapper{min-width:0}}