@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);*,:after,:before{--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-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;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:221.2 83.2% 53.3%;--radius:0.5rem;--chart-1:222 89% 53%;--chart-2:146 63% 42%;--chart-3:36 100% 50%;--chart-4:340 82% 52%;--chart-5:197 71% 73%;--chart-6:25 95% 53%;--chart-7:173 58% 39%;--chart-8:270 95% 75%;--chart-9:291 64% 42%;--chart-10:17 100% 59%;--success:146 63% 42%;--success-foreground:0 0% 100%;--danger:0 84% 60%;--danger-foreground:0 0% 100%;--warning:36 100% 50%;--warning-foreground:0 0% 100%;--info:204 94% 94%;--info-foreground:222 89% 53%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:217.2 91.2% 59.8%;--primary-foreground:222.2 84% 4.9%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:224.3 76.3% 94.1%;--chart-1:222 89% 53%;--chart-2:146 63% 42%;--chart-3:36 100% 50%;--chart-4:340 82% 52%;--chart-5:197 71% 73%;--chart-6:25 95% 53%;--chart-7:173 58% 39%;--chart-8:270 95% 75%;--chart-9:291 64% 42%;--chart-10:17 100% 59%;--success:146 63% 42%;--success-foreground:0 0% 100%;--danger:0 84% 60%;--danger-foreground:0 0% 100%;--warning:36 100% 50%;--warning-foreground:0 0% 100%;--info:204 94% 94%;--info-foreground:222 89% 53%}*{border-color:#e2e8f0;border-color:hsl(var(--border))}body{background-color:#fff;background-color:hsl(var(--background));color:#020817;color:hsl(var(--foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width:1400px){.container{max-width:1400px}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-8{bottom:-2rem}.-left-8{left:-2rem}.-right-1{right:-.25rem}.-right-8{right:-2rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-1\/2{top:50%}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[500px\]{height:500px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[40px\]{min-width:40px}.max-w-6xl{max-width:72rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.origin-left{transform-origin:left}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{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-180{--tw-rotate:180deg}.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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-100{--tw-border-opacity:1;border-color:#fef3c7;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-500\/20{border-color:#3b82f633}.border-cyan-500\/20{border-color:#06b6d433}.border-emerald-100{--tw-border-opacity:1;border-color:#d1fae5;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-500\/20{border-color:#10b98133}.border-indigo-100{--tw-border-opacity:1;border-color:#e0e7ff;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-indigo-300{--tw-border-opacity:1;border-color:#a5b4fc;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.border-indigo-500\/20{border-color:#6366f133}.border-red-100{--tw-border-opacity:1;border-color:#fee2e2;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:#f1f5f9;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-50{--tw-border-opacity:1;border-color:#f8fafc;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-t-indigo-600{--tw-border-opacity:1;border-top-color:#4f46e5;border-top-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-200\/20{background-color:#bfdbfe33}.bg-blue-200\/30{background-color:#bfdbfe4d}.bg-blue-200\/40{background-color:#bfdbfe66}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-cyan-500{--tw-bg-opacity:1;background-color:#06b6d4;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-indigo-500{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/40{background-color:#f8fafc66}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from:#60a5fa33 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/5{--tw-gradient-from:#3b82f60d var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-400\/20{--tw-gradient-from:#22d3ee33 var(--tw-gradient-from-position);--tw-gradient-to:#22d3ee00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-fuchsia-500{--tw-gradient-from:#d946ef var(--tw-gradient-from-position);--tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:#0ea5e900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-teal-500{--tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);--tw-gradient-to:#14b8a600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-500{--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2563eb var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-700{--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1d4ed8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-800{--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-600{--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0891b2 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-500\/5{--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#6366f10d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-600{--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4f46e5 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f97316 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-600{--tw-gradient-to:#0284c700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0284c7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-violet-500{--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#8b5cf6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-50\/50{--tw-gradient-to:#eff6ff80 var(--tw-gradient-to-position)}.to-blue-500\/20{--tw-gradient-to:#3b82f633 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-indigo-500\/20{--tw-gradient-to:#6366f133 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-indigo-900{--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}.to-purple-500\/5{--tw-gradient-to:#a855f70d var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-10{padding:2.5rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-blue-900\/70{color:#1e3a8ab3}.text-cyan-900{--tw-text-opacity:1;color:#164e63;color:rgb(22 78 99/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:#047857;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:#065f46;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:#312e81;color:rgb(49 46 129/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:#1e293b;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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)}.shadow-md{--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)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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)}.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:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-amber-500\/50{--tw-shadow-color:#f59e0b80;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-500\/50{--tw-shadow-color:#3b82f680;--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-600\/50{--tw-shadow-color:#2563eb80;--tw-shadow:var(--tw-shadow-colored)}.shadow-cyan-500\/50{--tw-shadow-color:#06b6d480;--tw-shadow:var(--tw-shadow-colored)}.shadow-fuchsia-500\/50{--tw-shadow-color:#d946ef80;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-500\/50{--tw-shadow-color:#6366f180;--tw-shadow:var(--tw-shadow-colored)}.shadow-sky-500\/50{--tw-shadow-color:#0ea5e980;--tw-shadow:var(--tw-shadow-colored)}.shadow-teal-500\/50{--tw-shadow-color:#14b8a680;--tw-shadow:var(--tw-shadow-colored)}.shadow-violet-500\/50{--tw-shadow-color:#8b5cf680;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-50{--tw-ring-opacity:1;--tw-ring-color:rgb(238 242 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-xl{--tw-blur:blur(24px)}.blur-xl,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in{--tw-enter-opacity:0}.slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.hover\:border-blue-200:hover{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.hover\:border-slate-200:hover{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:#4338ca;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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)}.hover\:shadow-blue-200\/50:hover{--tw-shadow-color:#bfdbfe80;--tw-shadow:var(--tw-shadow-colored)}.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))}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-100:disabled{opacity:1}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:h-1{height:.25rem}.group:hover .group-hover\:rotate-3{--tw-rotate:3deg}.group:hover .group-hover\:rotate-3,.group:hover .group-hover\:scale-105{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-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-110,.group:hover .group-hover\:scale-125{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-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-75{opacity:.75}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex-row{flex-direction:row}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width:1024px){.lg\:w-64{width:16rem}.lg\:w-auto{width:auto}.lg\:flex-none{flex: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\:items-end{align-items:flex-end}.lg\:p-8{padding:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#ec4899;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--dark-bg:#0f172a;--dark-bg-secondary:#1e293b;--dark-bg-tertiary:#334155;--dark-text:#f1f5f9;--dark-text-secondary:#cbd5e1;--dark-border:#334155;--light-bg:#fff;--light-bg-secondary:#f8fafc;--light-bg-tertiary:#f1f5f9;--light-text:#0f172a;--light-text-secondary:#64748b;--light-border:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 25px -5px #00000026;--shadow-xl:0 20px 50px -10px #0003;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--header-height:70px}body.light{--bg:var(--light-bg);--bg-secondary:var(--light-bg-secondary);--bg-tertiary:var(--light-bg-tertiary);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--border:var(--light-border)}body.dark{--bg:var(--dark-bg);--bg-secondary:var(--dark-bg-secondary);--bg-tertiary:var(--dark-bg-tertiary);--text:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border:var(--dark-border)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.auth-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.auth-background{background:linear-gradient(135deg,var(--bg) 0,var(--bg-secondary) 100%);bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.auth-bg-blur{background:radial-gradient(circle at 20% 50%,#6366f126 0,#0000 50%);filter:blur(60px);height:100%;position:absolute;right:-50%;top:0;width:100%}body.light .auth-bg-blur{background:radial-gradient(circle at 20% 50%,#6366f114 0,#0000 50%)}.auth-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--bg),.95);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:70px;height:var(--header-height);justify-content:space-between;min-height:70px;min-height:var(--header-height);padding:1.25rem 2rem;position:relative;z-index:1000}body.dark .auth-header{background:#0f172af2}body.light .auth-header{background:#fffffff2}@media (max-width:768px){.auth-header{height:65px;min-height:65px;padding:1rem 1.5rem}:root{--header-height:65px}}@media (max-width:480px){.auth-header{height:60px;min-height:60px;padding:.875rem 1rem}:root{--header-height:60px}}.auth-header-brand{align-items:center;animation:slideInLeft .6s ease-out;cursor:pointer;display:flex;gap:.75rem;text-decoration:none}.auth-header-logo{border-radius:12px;border-radius:var(--radius-md);flex-shrink:0;height:40px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.auth-header-logo:hover{transform:scale(1.05)}@media (max-width:480px){.auth-header-logo{height:36px;width:36px}}.auth-header-text{color:var(--text);flex-shrink:0;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;white-space:nowrap}body.dark .auth-header-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#ec4899);-webkit-background-clip:text;background-clip:text;text-shadow:none}@supports not (-webkit-background-clip:text){body.dark .auth-header-text{color:#818cf8}}body.light .auth-header-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text}@media (max-width:480px){.auth-header-text{font-size:1.1rem}}.auth-theme-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.auth-theme-btn:hover{background:var(--bg-tertiary);transform:scale(1.05)}.auth-theme-btn:active{transform:scale(.95)}@media (max-width:480px){.auth-theme-btn{font-size:1.1rem;height:40px;width:40px}}.auth-main{align-items:flex-start;display:flex;flex:1 1;height:calc(100vh - 70px);height:calc(100vh - var(--header-height));justify-content:center;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2.5rem 1rem 2rem;z-index:1}@media (max-width:768px){.auth-main{padding:2rem 1rem 1.5rem}}@media (max-width:480px){.auth-main{padding:1.5rem .75rem 1rem}}.auth-container{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1200px;width:100%}.login-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media (max-width:1024px){.login-container{gap:0;grid-template-columns:1fr}}.reset-container,.signup-container{align-items:flex-start;display:flex;justify-content:center;padding:0;width:100%}.reset-container{min-height:100%}.auth-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 50px -10px #0003;box-shadow:var(--shadow-xl);margin:0 auto;max-width:480px;order:2;padding:1.75rem;width:100%}@media (max-width:1024px){.auth-box{order:1}}@media (max-width:768px){.auth-box{max-width:100%;padding:1.5rem}}@media (max-width:480px){.auth-box{border-radius:12px;border-radius:var(--radius-md);padding:1.25rem}}.signup-box{max-width:520px;padding:1.75rem}@media (max-width:768px){.signup-box{max-width:100%;padding:1.5rem}}@media (max-width:480px){.signup-box{max-width:100%;padding:1.25rem}}.reset-box{max-width:480px}@media (max-width:480px){.reset-box{max-width:100%}}.auth-box-header{margin-bottom:1.5rem;text-align:center}@media (max-width:480px){.auth-box-header{margin-bottom:1.25rem}}.auth-title{color:var(--text);font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}@media (max-width:768px){.auth-title{font-size:1.625rem}}@media (max-width:480px){.auth-title{font-size:1.5rem}}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem;font-weight:400}@media (max-width:480px){.auth-subtitle{font-size:.875rem}}.auth-form{display:flex;flex-direction:column;gap:1rem}@media (max-width:480px){.auth-form{gap:.875rem}}.auth-form-grid{grid-gap:1rem;gap:1rem}@media (max-width:640px){.auth-form-grid{gap:.875rem;grid-template-columns:1fr}}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{color:var(--text);font-size:.8125rem;font-weight:600;letter-spacing:.3px;opacity:.85;text-transform:uppercase}@media (max-width:480px){.auth-input-group label{font-size:.75rem}}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-group input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.auth-input-group input::placeholder{color:var(--text-secondary);opacity:.6}.auth-input-group input:focus{background:var(--bg-secondary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.auth-input-group input:hover:not(:focus){border-color:var(--text-secondary)}@media (max-width:480px){.auth-input-group input{font-size:.875rem;padding:.6875rem .875rem}}.auth-input-icon{pointer-events:none}.auth-input-icon,.auth-input-toggle{color:var(--text-secondary);font-size:1.1rem;position:absolute;right:1rem}.auth-input-toggle{background:none;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-input-toggle:hover{opacity:.7}.auth-input-toggle:active{transform:scale(.9)}.auth-password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.375rem}.auth-strength-bars{display:flex;flex:1 1;gap:.375rem}.auth-strength-bar{background:var(--bg-tertiary);border-radius:1.5px;flex:1 1;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-strength-bar.filled{opacity:1}.auth-password-strength span{font-size:.75rem;font-weight:600;min-width:65px;text-align:right;white-space:nowrap}.auth-hint{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-top:.25rem}@media (max-width:480px){.auth-hint{font-size:.6875rem}}.auth-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:12px;border-radius:var(--radius-md);color:#ef4444;color:var(--error)}.auth-error,.auth-success{animation:slideInDown .3s ease-out;font-size:.875rem;font-weight:500;padding:.75rem .875rem}.auth-success{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--success);border-radius:12px;border-radius:var(--radius-md);color:#10b981;color:var(--success)}.auth-info-box{background:#6366f11a;border:1px solid #6366f1;border:1px solid var(--primary);border-radius:12px;border-radius:var(--radius-md);color:var(--text);font-size:.875rem;margin-bottom:.5rem;padding:.875rem}.auth-info-box strong{font-weight:600}.auth-btn-primary,.auth-btn-secondary{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;min-height:44px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.auth-btn-primary svg,.auth-btn-secondary svg{height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:18px}.auth-btn-primary:hover:not(:disabled) svg,.auth-btn-secondary:hover:not(:disabled) svg{transform:translateX(3px)}.auth-btn-primary:active:not(:disabled),.auth-btn-secondary:active:not(:disabled){transform:scale(.98)}.auth-btn-primary:disabled,.auth-btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.auth-btn-primary,.auth-btn-secondary{font-size:.8125rem;gap:.375rem;padding:.6875rem 1.25rem}.auth-btn-primary svg,.auth-btn-secondary svg{height:16px;width:16px}}.auth-btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.auth-btn-primary:hover:not(:disabled){box-shadow:0 10px 25px -5px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-btn-secondary{background:#0000;border:1px solid var(--border);color:var(--text)}.auth-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}.auth-divider{color:var(--text-secondary);font-size:.875rem;margin:.875rem 0;position:relative;text-align:center}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";height:1px;position:absolute;top:50%;width:45%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-links{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem}.auth-link-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.875rem;padding:0;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-link-btn strong{color:#6366f1;color:var(--primary);font-weight:600}.auth-link-btn:hover{color:var(--text)}.auth-link-btn:hover strong{color:#818cf8;color:var(--primary-light);text-decoration:underline}.auth-agreement{color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin-top:1rem;text-align:center}.auth-step-indicator{display:flex;gap:.625rem;justify-content:center;margin-bottom:1.5rem}.auth-step-dot{background:var(--bg-tertiary);border-radius:2px;height:4px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.auth-step-dot.active{background:linear-gradient(135deg,#6366f1,#818cf8);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);width:56px}@media (max-width:480px){.auth-step-dot{height:3px;width:28px}.auth-step-dot.active{width:48px}}.auth-hero{align-items:flex-start;animation:slideInRight .6s ease-out;display:flex;flex-direction:column;justify-content:center;order:1}@media (max-width:1024px){.auth-hero{display:none}}.auth-hero-content{max-width:500px}.auth-hero-content h2{color:var(--text);font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:1rem}@media (max-width:1280px){.auth-hero-content h2{font-size:2.5rem}}.auth-hero-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.auth-hero-features{display:flex;flex-direction:column;gap:1rem}.auth-feature{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-feature:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary)}.auth-feature-icon{flex-shrink:0;font-size:1.5rem}.auth-feature span:last-child{color:var(--text-secondary);font-weight:500}.auth-footer{display:none}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-main::-webkit-scrollbar{width:8px}.auth-main::-webkit-scrollbar-track{background:#0000}.auth-main::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.auth-main::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:1024px){.auth-main{padding:2rem 1rem 1.5rem}.login-container{grid-template-columns:1fr}.auth-box{margin:0 auto;max-width:500px}}@media (max-width:768px){.auth-header{padding:1rem 1.5rem}.auth-main{padding:1.75rem 1rem 1.5rem}.auth-box{border-radius:12px;border-radius:var(--radius-md);padding:1.5rem}.auth-title{font-size:1.625rem}.auth-form-grid{grid-template-columns:1fr}}@media (max-width:480px){body,html{font-size:14px}.auth-header{padding:.875rem 1rem}.auth-header-logo{height:32px;width:32px}.auth-header-text{font-size:1.1rem}.auth-theme-btn{font-size:1rem;height:36px;width:36px}.auth-main{padding:1.5rem .75rem 1rem}.auth-box{border-radius:12px;border-radius:var(--radius-md);margin:0 auto;max-width:100%;padding:1.25rem;width:100%}.auth-box-header{margin-bottom:1.25rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form,.auth-form-grid{gap:.875rem}.auth-input-group input{font-size:.875rem;padding:.6875rem .875rem}.auth-btn-primary,.auth-btn-secondary{font-size:.8125rem;padding:.6875rem 1.25rem}}.no-overflow{overflow:hidden}@media print{.auth-footer,.auth-header,.auth-theme-btn{display:none}}.auth-timer{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.auth-timer-icon{flex-shrink:0;font-size:24px}.auth-timer-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.auth-timer-label{color:#888;color:var(--text-secondary,#888);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.auth-timer-value{font-family:Courier New,monospace;font-size:20px;font-weight:700;transition:color .3s ease}.auth-timer-progress{background:#0000001a;bottom:0;height:4px;left:0;position:absolute;right:0}.auth-timer-progress-bar{border-radius:0 2px 2px 0;height:100%;transition:width 1s linear,background-color .3s ease}.dark .auth-timer{background:#6366f126;border-color:#6366f166}.dark .auth-timer-progress{background:#ffffff1a}.light .auth-timer{background:#6366f114;border-color:#6366f140}.light .auth-timer-label{color:#666}.auth-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}@media (max-width:480px){.auth-timer{flex-direction:column;text-align:center}.auth-timer-value{font-size:24px}.auth-form-grid{grid-template-columns:1fr}}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.auth-timer-value[style*="color: rgb(239, 68, 68)"]{animation:pulse-warning 1s ease-in-out infinite}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:600px;padding:20px;width:80%}body{background-color:#f8f9fa;color:#333;font-family:Inter,sans-serif;margin:0}.dashboard-layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#1e1b4b,#312e81);box-shadow:4px 0 24px #0000001a;color:#e0e7ff;display:flex;flex-direction:column;padding:24px;transition:all .3s ease;width:280px;z-index:10}.sidebar-header{align-items:center;display:flex;margin-bottom:40px;padding:0 12px}.sidebar-header img{border-radius:8px;height:45px;margin-right:12px;width:45px}.sidebar-header h2{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.sidebar-sections{flex:1 1;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.sidebar-section{margin-bottom:8px}.sidebar-dropdown-header{align-items:center;background:#0000;border:none;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:1px;padding:12px 16px;text-transform:uppercase;transition:all .2s;width:100%}.sidebar-dropdown-header:hover{background-color:#ffffff0d!important;color:#fff}.sidebar ul{list-style:none;margin:0;padding:5px 0 15px}.sidebar li{margin-bottom:4px}.sidebar-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#c7d2fe;cursor:pointer;display:flex;font-size:15px;font-weight:500;padding:12px 16px;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-button .icon-wrapper{align-items:center;color:#818cf8;display:flex;font-size:18px;justify-content:center;margin-right:12px;transition:color .2s;width:24px}.sidebar-button .label-text{flex:1 1;text-align:left}.sidebar-button:hover{background-color:#ffffff14!important;color:#fff;transform:translateX(4px)}.sidebar-button:hover .icon-wrapper{color:#fff}.sidebar-button.active{background:linear-gradient(90deg,#4f46e5,#4338ca)!important;box-shadow:0 4px 12px #4f46e54d;color:#fff}.sidebar-button.active .icon-wrapper{color:#fff}.main{background-color:#f3f4f6;flex:1 1;overflow-y:auto;padding:30px 40px}.header{align-items:center;background:#fff;border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 4px 20px -2px #0000000d;display:flex;justify-content:space-between;margin-bottom:35px;padding:16px 32px}.header h1{color:#1f2937;font-size:26px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.header-profile{align-items:center;border:1px solid #0000;border-radius:50px;cursor:pointer;display:flex;gap:12px;padding:6px 12px;transition:background .2s ease}.header-profile:hover{background-color:#f3f4f6;border-color:#e5e7eb}.profile-info{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.profile-name{color:#111827;font-size:15px;font-weight:600}.profile-role{background:#e0e7ff;border-radius:10px;color:#6366f1;font-size:12px;font-weight:600;margin-top:2px;padding:2px 8px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;box-shadow:0 4px 6px #6366f14d;color:#fff;display:flex;font-size:18px;font-weight:700;height:42px;justify-content:center;width:42px}.profile-sidebar-backdrop{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.profile-sidebar{box-shadow:-5px 0 25px #00000026;transition:right .3s cubic-bezier(.16,1,.3,1);width:380px}.profile-sidebar-header{border-bottom:1px solid #f3f4f6;padding:24px}.profile-sidebar-header h3{color:#111827;font-size:20px}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#ef4444}.profile-sidebar-content{align-items:center;display:flex;flex-direction:column;padding:40px 24px}.profile-avatar-large{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 10px 25px #4f46e54d;font-size:36px;height:96px;width:96px}.profile-username{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.profile-email{color:#6b7280;font-size:14px;margin:0 0 32px}.profile-details{background:#f9fafb;border-radius:16px;padding:20px;width:100%}.detail-item{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-icon{font-size:20px;margin-right:16px;margin-top:2px}.detail-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.detail-text .label{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.role-badge{border:1px solid #c7d2fe;border-radius:6px;font-size:13px;padding:4px 10px}.profile-sidebar-footer{background:#fff;border-top:1px solid #f3f4f6;margin-top:auto;padding:24px}.logout-btn-large{align-items:center;background:#fee2e2;border:none;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s;width:100%}.logout-btn-large:hover{background:#fecaca;box-shadow:0 4px 12px #ef444426;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.profile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;height:100vh;transition:all .3s ease;visibility:hidden;width:100vw;z-index:998}.profile-sidebar-backdrop.active{visibility:visible}.profile-sidebar{box-shadow:-10px 0 40px #0000001a;color:#1e293b;height:100vh;right:-420px;transition:right .4s cubic-bezier(.4,0,.2,1);width:400px;z-index:999}.profile-sidebar-header{border-bottom:1px solid #f1f5f9;padding:24px 32px}.profile-sidebar-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.close-btn-round{align-items:center;background:#f1f5f9;color:#64748b;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-btn-round:hover{background-color:#fee2e2;color:#ef4444;transform:rotate(90deg)}.profile-sidebar-content{padding:32px;scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.profile-hero-section{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.profile-avatar-large{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:30px;box-shadow:0 12px 24px #6366f140;font-size:40px;font-weight:800;height:100px;margin-bottom:20px;width:100px}.profile-username{color:#0f172a;font-weight:800;margin:0 0 4px}.profile-email{color:#64748b;font-size:.875rem;font-weight:500}.profile-details{display:flex;flex-direction:column;gap:24px}.detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;gap:16px;padding:20px;transition:all .2s ease}.clickable-detail:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-2px)}.detail-icon-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.detail-icon{color:#6366f1;font-size:18px}.detail-header{margin-bottom:12px}.label{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.manage-link{color:#6366f1;font-size:.75rem;font-weight:600}.roles-container{gap:8px}.role-badge{background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;color:#4f46e5;font-size:.8125rem;font-weight:600;padding:4px 12px}.role-badge.guest{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.section-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.site-list-modern{display:flex;flex-direction:column;gap:10px}.site-link-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:all .2s ease}.site-link-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f114;transform:translateX(4px)}.site-info{display:flex;flex-direction:column}.site-name{color:#1e293b;font-size:.875rem;font-weight:700}.site-url{color:#94a3b8;font-size:.75rem}.arrow-icon{color:#cbd5e1;font-size:12px}.loading-state-inline{align-items:center;color:#94a3b8;display:flex;font-size:.875rem;gap:10px;padding:12px}.profile-sidebar-footer{border-top:1px solid #f1f5f9;padding:32px;text-align:center}.logout-btn-premium{background:#ef4444;border-radius:16px;box-shadow:0 8px 16px #ef444433;font-weight:700;gap:12px;padding:14px;transition:all .3s ease}.logout-btn-premium:hover{background:#dc2626;box-shadow:0 12px 24px #ef44444d;transform:translateY(-2px)}.version-info{color:#cbd5e1;font-size:.75rem;font-weight:500;margin-top:16px}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-content h3{color:#333;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 .25rem}.stat-content p{color:#666;font-size:.9rem;margin:0 0 .5rem}.stat-change{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:.25rem}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-card h3{color:#6366f1;font-size:28px;margin:0 0 8px}.stat-card p{color:#555;font-weight:500;margin:0}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px;width:100%}.sidebar ul{display:flex;flex-wrap:wrap;gap:10px}.main{padding:20px 15px}.stat-card{flex:1 1 100%;min-width:100%}}.data-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 14px #0000000d;margin-top:20px;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.data-table th{background-color:#f4f4f4;color:#333;font-weight:600}.data-table td{color:#444;font-size:15px}.status-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:500;padding:5px 10px;text-align:center}.btn{border-radius:6px;font-weight:500;padding:6px 12px;transition:background .3s ease}.btn-sm{padding:4px 10px}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-info{background-color:#3b82f6;color:#fff}.btn-info:hover{background-color:#2563eb}.role-item{align-items:center;background:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:4px 8px}.role-item button{margin-left:10px;white-space:nowrap}select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;padding:5px 8px}.section{padding:20px}.table-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:20px;padding:20px}#pendingTable{border-collapse:initial;border-spacing:0 12px;font-size:15px;width:100%}#pendingTable thead{background-color:initial;color:#333;font-weight:700}#pendingTable td,#pendingTable th{background-color:#f9f9f9;border-radius:12px;padding:12px 20px;text-align:left}#pendingTable tr{transition:background-color .2s ease}#pendingTable tr:hover td{background-color:#f0f8ff}.action-buttons{align-items:center;display:flex;gap:10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;gap:6px;padding:6px 14px}.btn,.btn-sm{align-items:center;display:inline-flex;font-weight:600}.btn-sm{font-size:13px;height:34px;justify-content:center;line-height:1;padding:0;text-align:center;width:85px}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.empty-state,.error-message{color:#999;padding:20px;text-align:center}.status-badge{font-size:12px;font-weight:700;padding:4px 10px}.status-active{background-color:#e6fffa}.organizations input,.organizations select,.organizations textarea{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:inherit;font-size:14px;padding:8px;width:100%}.organizations input:focus,.organizations textarea:focus{border-color:#5a53d6;box-shadow:0 0 0 2px #5a53d61a;outline:none}.form-check{align-items:center;align-items:baseline;display:flex;gap:3px;margin-bottom:20px;margin-top:35px}.form-check input[type=checkbox]{accent-color:#5a53d6;cursor:pointer;height:14px;width:14px}.form-container textarea{max-width:500px;width:100%}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;max-width:600px}.form-field textarea{resize:vertical;width:100%}.col-span-2{grid-column:span 2}label{display:block;margin-bottom:6px}.custom-submit-btn{background-color:#6366f1;border-radius:8px;color:#fff;font-weight:600;margin-top:25px;padding:10px 24px;width:17%}.custom-edit-btn{background-color:#b8860b;border:none;border-radius:6px;font-size:13px;font-weight:550;margin-right:8px;padding:6px 12px}.custom-edit-btn:hover{background-color:#a0750a}.custom-delete-btn{background-color:#dc3545;border:none;border-radius:6px;font-size:13px;font-weight:550;padding:6px 12px}.custom-delete-btn:hover{background-color:#c82333}.custom-delete-btn,.custom-edit-btn{align-items:center;display:inline-flex;justify-content:center}#flows-section .flow-form-grid{display:flex;flex-wrap:wrap;gap:2rem}#flows-section .flow-form-grid>div{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:280px}#flows-section .form-container{margin-bottom:30px}#flows-section input,#flows-section select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#0c0c0c;padding:8px 12px}#flows-section input::placeholder{color:#0c0c0c}#flows-section button{background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:6px;width:15%}#flows-section table{border-collapse:collapse;margin-top:20px;width:100%}#flows-section td,#flows-section th{border:1px solid #ccc;padding:10px;text-align:left}#flows-section th{background-color:#f3f3f3;font-weight:700}#flows-section .flow-form-grid>div{flex:0 0 48%}#flows-section .site-collection-label{display:block;margin-top:20px}#flows-section .flow-name-input,#flows-section .step-id-input{margin-top:20px}#flows-section .load-flow-button{margin-top:1px}#flows-section .action-buttons{display:flex;gap:8px}#flows-section .action-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:700;padding:6px 10px;text-align:center}#flows-section .preview-btn{align-items:center;background-color:#4caf50;color:#fff;display:inline-flex;justify-content:center}#flows-section .edit-btn{background-color:#2196f3;color:#fff}#flows-section .delete-btn{background-color:#f44336;color:#fff}#flows-section td:last-child{vertical-align:top;white-space:nowrap}#flows-section .flow-action-buttons{display:flex;flex-wrap:nowrap;gap:10px}#flows-section .flow-action-buttons button{min-width:60px;padding:6px 10px}#flows-section td{vertical-align:middle}#flows-section .flow-action-buttons button{font-size:14px;min-width:70px;padding:8px 12px;white-space:nowrap}#flow-preview-modal.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}#flow-preview-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 0 20px #0003;max-height:90%;overflow-y:auto;padding:2rem;width:80%}#flow-preview-modal .step-section{background-color:#f8f8f8;border-radius:8px;margin-top:1.5rem;padding:1rem}#flow-preview-modal .ux-preview-box{background-color:#fffbe6;border-left:4px solid gold;border-radius:8px;margin-top:1rem;padding:1rem}#flow-preview-modal .question-block{margin-top:1rem}#flow-preview-modal .options label{cursor:not-allowed;display:block;font-weight:400;margin-left:1rem}#flow-preview-modal input[type=checkbox],#flow-preview-modal input[type=radio]{margin-right:.5rem}#flow-preview-modal textarea{background-color:#f0f0f0;border:1px solid #ccc;color:#333;font-family:inherit;font-size:1rem;margin-top:.5rem;padding:.5rem;resize:none;width:100%}#flow-preview-modal .close-btn{align-items:center;background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;margin-top:2rem;padding:.5rem 1.5rem}#flow-preview-modal .close-btn:hover{background-color:#222}#flows-section .approve-btn,#flows-section .delete-btn,#flows-section .edit-btn,#flows-section .preview-btn,#flows-section .reject-btn{align-items:center;border-radius:6px;box-sizing:border-box;display:inline-flex;font-size:14px!important;font-weight:700;justify-content:center;padding:5px 12px!important;text-align:center;white-space:nowrap;width:98px}#contents-section{padding:10px}#contents-section h2{color:#fff;font-size:20px;margin-bottom:15px}#contents-section .content-form-grid{display:flex;flex-wrap:wrap;gap:2rem}#contents-section .content-form-grid>div{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:280px}#contents-section .form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px hsla(0,5%,87%,.897);margin-bottom:30px;padding:15px}#contents-section input[type=checkbox],#contents-section input[type=text],#contents-section input[type=url],#contents-section select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#0c0c0c;padding:8px 12px}#contents-section input::placeholder{color:#0c0c0c}#contents-section input[type=checkbox]{width:auto}#contents-section button{background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:6px;width:15%}#contents-section .table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px hsla(0,6%,93%,.858);overflow-x:auto}#contents-section table{border-collapse:collapse;margin-top:20px;width:100%}#contents-section td,#contents-section th{border:1px solid #ccc;padding:10px;text-align:left}#contents-section th{background-color:#f3f3f3;font-weight:700}#contents-section td{vertical-align:middle}#contents-section .content-action-buttons{display:flex;gap:8px}#contents-section .content-action-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;min-width:70px;padding:6px 10px;text-align:center;white-space:nowrap}#contents-section .view-btn{background-color:#4caf50;color:#fff}#contents-section .edit-btn{background-color:#2196f3;color:#fff}#contents-section .delete-btn{background-color:#f44336;color:#fff}#contents-section .content-action-buttons button:hover{opacity:.9}#contents-section .error-message{color:red;font-weight:700;text-align:center}#contents-section td[colspan]{color:#888;text-align:center}#contents-section input[type=text],#contents-section input[type=url],#contents-section select,#contents-section textarea{margin-bottom:20px;width:50%}#contents-section input[type=checkbox]{margin-bottom:0;margin-right:8px}#contents-section .approve-btn,#contents-section .delete-btn,#contents-section .edit-btn,#contents-section .reject-btn,#contents-section .view-btn{align-items:center;border-radius:6px;box-sizing:border-box;display:inline-flex;font-size:14px!important;font-weight:700;justify-content:center;padding:5px 12px!important;text-align:center;white-space:nowrap;width:98px}#visibility-section{padding:10px}#visibility-section h3{color:#fff}#visibility-section .form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px hsla(0,5%,87%,.897);margin-bottom:30px;padding:15px}#visibility-section label{display:block;font-size:14px;font-weight:700;margin-top:12px}#visibility-section input[type=text],#visibility-section select{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#0c0c0c;padding:8px 12px;width:50%}#visibility-section input::placeholder{color:#0c0c0c}#visibility-section button{background-color:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:8px 14px;width:15%}#visibility-section button:hover{opacity:.9}#visibility-section .rules-section{background:#f9f9f9;border-radius:6px;margin-top:15px;padding:12px}#visibility-section .rule-row{display:flex;gap:10px;margin-top:10px}#visibility-section .rule-row input,#visibility-section .rule-row select{flex:1 1}#visibility-section .load-visibility-section{margin-bottom:30px}#visibility-section .load-visibility-button{margin-top:15px}#visibility-section table{border-collapse:collapse;margin-top:20px;width:100%}#visibility-section td,#visibility-section th{border:1px solid #ccc;padding:10px;text-align:left}#visibility-section th{background-color:#f3f3f3;font-weight:700}#visibility-section td{vertical-align:middle}#visibility-section .visibility-action-buttons{display:flex;gap:10px}#visibility-section .visibility-action-buttons button{flex:1 1;font-size:14px;font-weight:700;min-width:70px;padding:8px 12px;text-align:center;white-space:nowrap}#visibility-section .edit-btn{background-color:#2196f3;color:#fff}#visibility-section .delete-btn{background-color:#f44336;color:#fff}#visibility-section td:last-child{white-space:nowrap}#visibility-section h3{color:#000;font-size:20px;font-weight:700;margin-bottom:15px}#visibility-section input[type=text],#visibility-section select,#visibility-section textarea{margin-bottom:15px}#flows-section .flow-action-buttons{align-items:flex-start;display:inline-flex;flex-direction:column;gap:6px}#flows-section .flow-action-buttons .approval-actions,#flows-section .flow-action-buttons .primary-actions{display:flex;gap:6px}#flows-section .flow-action-buttons .approval-actions{align-self:center}#flows-section .flow-action-buttons .approval-actions .approve-btn{background-color:#eecd15;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}#flows-section .flow-action-buttons .approval-actions .approve-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#flows-section .flow-action-buttons .approval-actions .reject-btn{background-color:#9e6a40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:5px 12px}#flows-section .flow-action-buttons .approval-actions .reject-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#flows-section .owner-inline-actions{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}#flows-section .owner-inline-actions .approve-btn{background-color:#eecd15;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}#flows-section .owner-inline-actions .reject-btn{background-color:#9e6a40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:5px 12px}#flows-section .owner-inline-actions .approve-btn:disabled,#flows-section .owner-inline-actions .reject-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#contents-section .content-action-buttons{align-items:flex-start;display:inline-flex;flex-direction:column;gap:6px}#contents-section .content-action-buttons .approval-actions,#contents-section .content-action-buttons .primary-actions{display:flex;gap:6px}#contents-section .content-action-buttons .approval-actions{align-self:center}#contents-section .content-action-buttons .approval-actions .approve-btn{background-color:#eecd15;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}#contents-section .content-action-buttons .approval-actions .approve-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#contents-section .content-action-buttons .approval-actions .reject-btn{background-color:#9e6a40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:5px 12px}#contents-section .content-action-buttons .approval-actions .reject-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#contents-section .owner-inline-actions{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}#contents-section .owner-inline-actions .approve-btn{background-color:#eecd15;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:5px 12px}#contents-section .owner-inline-actions .reject-btn{background-color:#9e6a40;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:5px 12px}#contents-section .owner-inline-actions .approve-btn:disabled,#contents-section .owner-inline-actions .reject-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#visibility-section .visibility-action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:13px;min-width:80px;padding:6px 14px}#visibility-section .visibility-action-buttons .edit-btn{background-color:#007bff;color:#fff}#visibility-section .visibility-action-buttons .delete-btn{background-color:#dc3545;color:#fff}#visibility-section .visibility-action-buttons .approve-btn{background-color:#eecd15;color:#fff;font-weight:700}#visibility-section .visibility-action-buttons .approve-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#visibility-section .visibility-action-buttons .reject-btn{background-color:#9e6a40;color:#fff}#visibility-section .visibility-action-buttons .reject-btn:disabled{background-color:#a9d6b9;cursor:not-allowed}#apikeys-section{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;margin:20px;padding:20px}#apikeys-section h2{color:#333;font-size:1.4rem;margin-bottom:15px}#apikeys-section .error-text{color:red;font-weight:500;margin-bottom:12px}#apikeys-section .form-group{margin-bottom:15px}#apikeys-section .form-group label{color:#444;display:block;font-weight:600;margin-bottom:6px}#apikeys-section select{background:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:8px;width:100%}#apikeys-section .button-row{display:flex;gap:10px;margin-top:10px}#apikeys-section .btn-generate,#apikeys-section .btn-revoke{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .2s ease}#apikeys-section .btn-generate{background:#28a745}#apikeys-section .btn-generate:hover{background:#218838}#apikeys-section .btn-revoke{background:#dc3545}#apikeys-section .btn-revoke:hover{background:#c82333}#apikeys-section .apikey-display{margin-top:20px}#apikeys-section .apikey-card{background:#f9f9f9;border:1px solid #ddd;border-radius:10px;padding:16px}#apikeys-section .apikey-box{background:#fff;border:1px solid #ccc;border-radius:8px;font-family:monospace;font-size:1rem;margin-top:8px;padding:12px;word-break:break-all}#apikeys-section .no-key{color:#666;font-style:italic}#apikeys-section .revoke-msg{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-weight:600;margin-top:10px;padding:10px;text-align:right}.analytics-container{background:#f8f9fa;max-height:calc(100vh - 120px);min-height:calc(100vh - 120px);overflow-y:auto;padding:20px;width:100%}.analytics-header{margin-bottom:30px}.analytics-title{color:#333;font-size:2rem;font-weight:700;margin:0 0 10px}.analytics-subtitle{color:#666;font-size:1.1rem;margin:0}.analytics-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.metric-card-header{align-items:center;display:flex;margin-bottom:16px}.metric-card-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;margin-right:16px;width:48px}.metric-card-content{flex:1 1}.metric-card-title{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.metric-card-description{color:#9ca3af;font-size:.8rem;margin:0}.metric-card-body{align-items:center;display:flex;justify-content:space-between}.metric-card-value{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0}.metric-card-change{align-items:center;display:flex;font-size:.9rem;font-weight:600}.change-icon{font-size:1.1rem;margin-right:4px}.analytics-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.analytics-charts-full{margin-bottom:30px}.chart-card,.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.chart-header{margin-bottom:20px}.chart-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.chart-subtitle{color:#6b7280;font-size:.9rem;margin:0}.chart-tooltip{background:#1f2937;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:.9rem;padding:12px}.tooltip-label{font-weight:600;margin:0 0 8px}.analytics-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:24px}.table-header{margin-bottom:20px}.table-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.table-header p{color:#6b7280;font-size:.9rem;margin:0}.table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;margin-top:16px;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.analytics-table th{background-color:#f9fafb;color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-table td{color:#4b5563;font-size:.9rem}.analytics-table tr:hover{background-color:#f9fafb}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.user-name{color:#1f2937;font-weight:500}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.completion-bar,.engagement-bar,.percentage-bar,.usage-bar{background-color:#e5e7eb;border-radius:10px;height:20px;overflow:hidden;position:relative}.completion-fill,.engagement-fill,.percentage-fill,.usage-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;height:100%;transition:width .3s ease}.completion-text,.engagement-text,.percentage-text,.usage-text{color:#374151;font-size:.8rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.browser-info,.content-info,.feature-info,.page-info,.workflow-info{align-items:center;display:flex}.browser-name,.content-title,.feature-name,.page-name,.workflow-name{color:#1f2937;font-weight:500}.content-type{border-radius:6px;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.content-type-guide{background-color:#dbeafe;color:#1e40af}.content-type-tutorial{background-color:#dcfce7;color:#166534}.content-type-article{background-color:#fef3c7;color:#92400e}.content-type-faq{background-color:#e0e7ff;color:#5b21b6}.content-type-video{background-color:#fce7f3;color:#be185d}.satisfaction-rating{align-items:center;display:flex}.rating-stars{color:#fbbf24;font-size:1rem;margin-right:8px}.rating-value{color:#374151;font-weight:600}.trend-indicator{font-size:1.2rem;font-weight:700}.trend-indicator.positive{color:#10b981}.trend-indicator.negative{color:#ef4444}.error-count,.load-time,.response-time{font-weight:600}.error-count.low,.load-time.fast,.response-time.fast{color:#10b981}.error-count.high,.load-time.slow,.response-time.slow{color:#ef4444}.device-list{display:flex;flex-direction:column;gap:16px}.device-item{align-items:center;display:flex;justify-content:space-between}.device-info{display:flex;flex-direction:column}.device-type{color:#1f2937;font-weight:600;margin-bottom:4px}.device-users{color:#6b7280;font-size:.9rem}.device-bar{background-color:#e5e7eb;border-radius:10px;height:20px;overflow:hidden;position:relative;width:200px}.device-fill{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:10px;height:100%;transition:width .3s ease}.device-percentage{color:#374151;font-size:.8rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.journey-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:24px}.journey-container h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 20px}.journey-steps{align-items:flex-end;display:flex;gap:20px;overflow-x:auto;padding:20px 0}.journey-step{align-items:center;display:flex;flex-direction:column;min-width:120px}.step-info{margin-bottom:12px;text-align:center}.step-info h4{color:#1f2937;font-size:.9rem;font-weight:600;margin:0 0 4px}.step-info p{color:#6b7280;font-size:.8rem;margin:0}.step-visual{background-color:#e5e7eb;border-radius:8px;height:200px;overflow:hidden;position:relative;width:60px}.step-bar{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:8px;bottom:0;position:absolute;transition:height .3s ease;width:100%}.step-connector{background-color:#d1d5db;height:2px;margin:0 10px;position:relative;width:40px}.dropoff-indicator{background-color:#fef3c7;border-radius:6px;color:#92400e;font-size:.8rem;font-weight:600;left:50%;padding:4px 8px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.settings-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.settings-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.settings-section:last-of-type{border-bottom:none;margin-bottom:0}.settings-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 20px}.setting-item{margin-bottom:20px}.setting-item label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.setting-item select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;max-width:300px;padding:8px 12px;width:100%}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#6366f1;height:18px;margin-right:12px;width:18px}.settings-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:32px;padding-top:24px}.performance-recommendations{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:30px;padding:24px}.performance-recommendations h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 20px}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-card{background:#f9fafb;border-left:4px solid #6366f1;border-radius:8px;padding:16px}.recommendation-card h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 8px}.recommendation-card p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.sidebar-sections{overflow-y:visible}.sidebar-section{margin-bottom:15px}.analytics-container{padding:15px}.analytics-charts-grid,.analytics-metrics-grid{gap:16px;grid-template-columns:1fr}.journey-steps{align-items:center;flex-direction:column;gap:16px}.journey-step{min-width:auto;width:100%}.step-visual{height:60px;width:100%}.step-connector{height:20px;margin:10px 0;width:2px}.settings-actions{flex-direction:column}.recommendations-grid{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-shimmer{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear;background:#f6f7f8;background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:800px 100%;border-radius:4px;display:inline-block;position:relative}.skeleton-card{background:#fff;border:1px solid #eee;pointer-events:none}.skeleton-shimmer.circle{border-radius:50%;height:48px;width:48px}.skeleton-shimmer.line{display:block;height:12px;margin-bottom:8px}.skeleton-shimmer.line.short{height:20px;margin-bottom:12px;width:40%}.skeleton-shimmer.line.medium{width:60%}.skeleton-shimmer.line.long{width:85%}.clickable{cursor:pointer;transition:transform .2s}.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.profile-sidebar-backdrop{background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.profile-sidebar-backdrop.active{opacity:1}.profile-sidebar{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;position:fixed;right:-400px;top:0;transition:right .3s ease;width:350px;z-index:1000}.profile-sidebar.open{right:0}.profile-sidebar-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header-title h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.close-btn-round{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.2rem;padding:8px;transition:background .2s ease}.close-btn-round:hover{background:#e9ecef}.profile-sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}.profile-hero-section{margin-bottom:2rem;text-align:center}.profile-avatar-large{align-items:center;background:#4a90e2;border-radius:50%;box-shadow:0 4px 8px #4a90e24d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.profile-username{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-email{color:#666;font-size:.9rem;margin:0}.profile-details{margin-top:2rem}.detail-item{align-items:flex-start;border:1px solid #e9ecef;border-radius:8px;display:flex;margin-bottom:1rem;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.detail-item:hover{border-color:#4a90e2;box-shadow:0 2px 8px #4a90e21a}.clickable-detail{cursor:pointer}.detail-icon-wrapper{color:#4a90e2;margin-right:1rem}.detail-icon{font-size:1.5rem}.detail-text{flex:1 1}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.label{color:#333;font-size:1rem;font-weight:600}.manage-link{color:#4a90e2;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s ease}.manage-link:hover{color:#357abd;text-decoration:underline}.roles-container{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.role-badge.guest{background:#f3e5f5;color:#7b1fa2}.profile-sidebar-footer{background:#f8f9fa;border-top:1px solid #eaeaea;padding:1.5rem}.logout-btn-premium{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background .2s ease;width:100%}.logout-btn-premium:hover{background:#c82333}@media (max-width:768px){.profile-sidebar{right:-100%;width:100%}}
/*# sourceMappingURL=main.a83af053.css.map*/