@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,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{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-5{left:1.25rem}.left-\[18px\]{left:18px}.right-0{right:0}.right-1{right:.25rem}.right-10{right:2.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-7{top:1.75rem}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[5\]{z-index:5}.z-\[99999\]{z-index:99999}.col-span-full{grid-column:1 / -1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mt-16{margin-top:-4rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-7{margin-left:1.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.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}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.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-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[400px\]{height:400px}.h-\[600px\]{height:600px}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-\[200px\]{max-height:200px}.max-h-\[450px\]{max-height:450px}.max-h-\[90vh\]{max-height:90vh}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.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-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-7xl{max-width:80rem}.max-w-\[480px\]{max-width:480px}.max-w-\[500px\]{max-width:500px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/4{--tw-translate-y: -25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.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>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.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))}.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))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.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}.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-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--border-light\)\]{border-color:var(--border-light)}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#7C3AED\]{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/60{background-color:#0009}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/5{background-color:#6366f10d}.bg-purple-500\/5{background-color:#a855f70d}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/50{background-color:#0f172a80}.bg-transparent{background-color:transparent}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-500\/5{background-color:#8b5cf60d}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-opacity-95{--tw-bg-opacity: .95}.bg-\[radial-gradient\(68\.54\%_68\.72\%_at_55\.02\%_31\.46\%\,rgba\(0\,0\,0\,0\.06\)_0\,hsla\(0\,0\%\,55\%\,\.02\)_50\%\,rgba\(0\,0\,0\,0\.01\)_80\%\)\]{background-image:radial-gradient(68.54% 68.72% at 55.02% 31.46%,#0000000f 0,#8c8c8c05 50%,#00000003 80%)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-white\/10{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.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-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.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-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-3{padding-left:.75rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.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-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.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-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.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-\[\#0F172A\]{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-\[\#7C3AED\]{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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 rgb(0 0 0 / .25);--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-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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-slate-200{--tw-shadow-color: #e2e8f0;--tw-shadow: var(--tw-shadow-colored)}.shadow-violet-200{--tw-shadow-color: #ddd6fe;--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-8{--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(8px + 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-offset-\[var\(--bg-card\)\]{--tw-ring-offset-color: var(--bg-card)}.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-3xl{--tw-blur: blur(64px);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-\[2px\]{--tw-backdrop-blur: blur(2px);-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-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.contain-strict{contain:strict}:root,.light-mode{--primary: #7C3AED;--primary-hover: #6D28D9;--primary-light: rgba(124, 58, 237, .1);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #f8fafc;--bg-input: #f8fafc;--text-primary: #111827;--text-secondary: #475569;--text-muted: #64748b;--text-placeholder: #94a3b8;--border-light: #41424417;--border-default: #6f707067;--border-strong: #3f40403c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .08);--success-bg: #dcfce7;--success-text: #166534;--success-color: #22c55e;--warning-bg: #fef9c3;--warning-text: #854d0e;--warning-color: #f59e0b;--error-bg: #fee2e2;--error-text: #991b1b;--error-color: #ef4444;--info-bg: #e0f2fe;--info-text: #075985;--secondary-color: #0ea5e9;--sidebar-bg: #ffffff;--sidebar-border: #f1f5f9;--sidebar-text: #64748b;--sidebar-text-hover: #1e293b;--sidebar-active-bg: #f1f5f9;--topbar-bg: #ffffff;--topbar-border: #f3f4f6;--modal-overlay: rgba(0, 0, 0, .6);--modal-bg: #ffffff;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--primary-color: var(--primary);--bg-white: var(--bg-primary);--border-color: var(--border-default);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}.dark-mode{--primary: #a78bfa;--primary-hover: #8b5cf6;--primary-light: rgba(167, 139, 250, .15);--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--bg-input: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-placeholder: #64748b;--border-light: #576273;--border-default: #334155;--border-strong: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .4);--success-bg: rgba(34, 197, 94, .15);--success-text: #4ade80;--success-color: #4ade80;--warning-bg: rgba(234, 179, 8, .15);--warning-text: #fbbf24;--warning-color: #fbbf24;--error-bg: rgba(239, 68, 68, .15);--error-text: #f87171;--error-color: #f87171;--info-bg: rgba(59, 130, 246, .15);--info-text: #60a5fa;--secondary-color: #38bdf8;--sidebar-bg: #0f172a;--sidebar-border: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-hover: #f1f5f9;--sidebar-active-bg: #1e293b;--topbar-bg: #0f172a;--topbar-border: #1e293b;--modal-overlay: rgba(0, 0, 0, .8);--modal-bg: #1e293b;--scrollbar-track: #1e293b;--scrollbar-thumb: #475569;--primary-color: var(--primary);--bg-white: var(--bg-card);--border-color: var(--border-default);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-moz-selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.2s;transition-timing-function:ease}.dark-mode .bg-white{background-color:var(--bg-card)!important}.dark-mode .bg-slate-50,.dark-mode .bg-gray-50,.dark-mode .bg-slate-100,.dark-mode .bg-gray-100{background-color:var(--bg-tertiary)!important}.dark-mode .bg-slate-200,.dark-mode .bg-gray-200{background-color:var(--bg-hover)!important}.dark-mode .bg-\[\#F8FAFC\],.dark-mode .bg-slate-50\/50{background-color:var(--bg-secondary)!important}.dark-mode .text-slate-900,.dark-mode .text-gray-900,.dark-mode .text-slate-800,.dark-mode .text-gray-800{color:var(--text-primary)!important}.dark-mode .text-slate-700,.dark-mode .text-gray-700,.dark-mode .text-slate-600,.dark-mode .text-gray-600{color:var(--text-secondary)!important}.dark-mode .text-slate-500,.dark-mode .text-gray-500,.dark-mode .text-slate-400,.dark-mode .text-gray-400{color:var(--text-muted)!important}.dark-mode .text-slate-300,.dark-mode .text-gray-300{color:var(--text-placeholder)!important}.dark-mode .text-\[\#0F172A\],.dark-mode .text-\[\#1e293b\],.dark-mode .text-\[\#111827\]{color:var(--text-primary)!important}.dark-mode .text-\[\#334155\],.dark-mode .text-\[\#374151\],.dark-mode .text-\[\#475569\],.dark-mode .text-\[\#4B5563\]{color:var(--text-secondary)!important}.dark-mode .text-\[\#64748b\],.dark-mode .text-\[\#6B7280\],.dark-mode .text-\[\#94a3b8\],.dark-mode .text-\[\#9CA3AF\]{color:var(--text-muted)!important}.dark-mode .border-slate-100,.dark-mode .border-gray-100,.dark-mode .border-slate-200,.dark-mode .border-gray-200{border-color:var(--border-default)!important}.dark-mode .border-slate-300,.dark-mode .border-gray-300{border-color:var(--border-strong)!important}.dark-mode .text-violet-600,.dark-mode .text-violet-700,.dark-mode .text-purple-600,.dark-mode .text-purple-700{color:var(--primary)!important}.dark-mode .bg-violet-50,.dark-mode .bg-purple-50,.dark-mode .bg-violet-100,.dark-mode .bg-purple-100{background-color:var(--primary-light)!important}.dark-mode .hover\:bg-slate-50:hover,.dark-mode .hover\:bg-gray-50:hover,.dark-mode .hover\:bg-slate-100:hover,.dark-mode .hover\:bg-gray-100:hover{background-color:var(--bg-hover)!important}.dark-mode .hover\:text-slate-900:hover,.dark-mode .hover\:text-gray-900:hover,.dark-mode .hover\:text-slate-800:hover,.dark-mode .hover\:text-gray-800:hover{color:var(--text-primary)!important}.dark-mode .shadow-sm{box-shadow:var(--shadow-sm)!important}.dark-mode .shadow-md{box-shadow:var(--shadow-md)!important}.dark-mode .shadow-lg,.dark-mode .shadow-xl,.dark-mode .shadow-2xl{box-shadow:var(--shadow-lg)!important}.dark-mode input,.dark-mode textarea,.dark-mode select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-default)!important}.dark-mode input::-moz-placeholder,.dark-mode textarea::-moz-placeholder{color:var(--text-placeholder)!important}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-placeholder)!important}.dark-mode .bg-white\/40{background-color:#1e293b66!important}.dark-mode .bg-slate-900\/40{background-color:#0009!important}.bg-primary{background-color:var(--primary)}.bg-primary-hover{background-color:var(--primary-hover)}.bg-primary-light{background-color:var(--primary-light)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-hover{background-color:var(--bg-hover)}.bg-input{background-color:var(--bg-input)}.bg-success{background-color:var(--success-bg)}.bg-warning{background-color:var(--warning-bg)}.bg-error{background-color:var(--error-bg)}.bg-info{background-color:var(--info-bg)}.bg-default{background-color:var(--border-default)}.text-primary{color:var(--text-primary)}.text-primary-accent{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-placeholder{color:var(--text-placeholder)}.text-success{color:var(--success-text)}.text-warning{color:var(--warning-text)}.text-error{color:var(--error-text)}.text-info{color:var(--info-text)}.border-default{border-color:var(--border-default)}.border-light{border-color:var(--border-light)}.border-strong{border-color:var(--border-strong)}.border-primary{border-color:var(--primary)}.shadow-theme-sm{box-shadow:var(--shadow-sm)}.shadow-theme-md{box-shadow:var(--shadow-md)}.shadow-theme-lg{box-shadow:var(--shadow-lg)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.badge-gray{background-color:var(--bg-tertiary);color:var(--text-muted)}.badge-blue{background-color:var(--info-bg);color:var(--info-text)}.badge-green{background-color:var(--success-bg);color:var(--success-text)}.badge-orange{background-color:var(--warning-bg);color:var(--warning-text)}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.hover\:border-red-100:hover{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#6d28d9\]:hover{--tw-bg-opacity: 1;background-color:rgb(109 40 217 / var(--tw-bg-opacity, 1))}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-black:hover{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\:text-violet-700:hover{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--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)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--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 rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--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 rgb(0 0 0 / .05);--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 rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--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)}.focus\:border-slate-900:focus{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.focus\:border-violet-500:focus{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4: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(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)}.focus\:ring-\[var\(--primary\)\]:focus{--tw-ring-color: var(--primary)}.focus\:ring-slate-900\/5:focus{--tw-ring-color: rgb(15 23 42 / .05)}.focus\:ring-violet-500\/20:focus{--tw-ring-color: rgb(139 92 246 / .2)}.focus\:ring-violet-500\/50:focus{--tw-ring-color: rgb(139 92 246 / .5)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-violet-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(139 92 246 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.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)) skew(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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:active\:scale-100:active:disabled{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:text-\[\#7C3AED\]{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.group:focus-within .group-focus-within\:text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[\#7C3AED\]{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.data-\[state\=open\]\:bg-\[var\(--bg-hover\)\][data-state=open]{background-color:var(--bg-hover)}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.dark\:border-green-700:is(.dark-mode *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.dark\:bg-\[\#F4F6F8\]:is(.dark-mode *){--tw-bg-opacity: 1;background-color:rgb(244 246 248 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900\/30:is(.dark-mode *){background-color:#14532d4d}.dark\:bg-slate-900\/20:is(.dark-mode *){background-color:#0f172a33}.dark\:text-green-400:is(.dark-mode *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}@media(min-width:640px){.sm\:w-\[380px\]{width:380px}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:p-8{padding:2rem}}@media(min-width:768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:h-screen{height:100vh}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:max-w-2xl{max-width:42rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:gap-0{gap:0px}.md\:overflow-hidden{overflow:hidden}.md\:p-8{padding:2rem}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.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\:flex-row{flex-direction:row}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark-mode .\[\.dark-mode_\&\]\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(180deg)}}.auth-card{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem;width:100%;max-width:420px;position:relative;z-index:1}.auth-card.signup-card{max-width:550px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease;background:var(--bg-white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group input::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;display:inline-block}.button-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-button{background:linear-gradient(135deg,var(--primary-color) 0%,#8b5cf6 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:var(--error-bg);color:var(--error-color);padding:1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;border-left:4px solid var(--error-color);white-space:pre-line}.auth-success{background:#f0fdf4;color:var(--success-color);padding:1rem;border-radius:var(--radius-md);font-size:.875rem;margin-bottom:1rem;border-left:4px solid var(--success-color)}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:var(--primary-hover)}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:.5rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--border-color);color:var(--text-muted);transition:all .3s ease}.step.active .step-number{background:var(--primary-color);color:#fff}.step.completed .step-number{background:var(--success-color);color:#fff}.step-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.step.active .step-label{color:var(--primary-color)}.step.completed .step-label{color:var(--success-color)}.step-line{width:3rem;height:3px;background:var(--border-color);margin-bottom:1.5rem;transition:background .3s ease}.step-line.active{background:var(--success-color)}.otp-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-weight:600}.otp-info{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:.5rem}.resend-button{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.resend-button:hover:not(:disabled){background:var(--primary-light)}.resend-button:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.cancel-button{background:transparent;color:var(--error-color);border:2px solid var(--error-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:var(--error-bg)}.back-button{background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.dashboard-container{min-height:100vh;background:var(--bg-primary)}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2rem;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{color:#fff;font-size:1.5rem;font-weight:700}.header-actions{display:flex;align-items:center;gap:1rem}.user-name{color:#fff;font-weight:500}.logout-button{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background .2s ease}.logout-button:hover{background:#ffffff4d}.dashboard-main{max-width:1200px;margin:0 auto;padding:2rem}.welcome-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.welcome-icon{font-size:3rem}.welcome-text h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.welcome-text p{color:var(--text-secondary)}.profile-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);margin-bottom:2rem}.profile-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.profile-item{display:flex;flex-direction:column;gap:.25rem}.profile-item label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile-item span{font-size:1rem;color:var(--text-primary);font-weight:500}.role-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-light);color:var(--primary-color);border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.status-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.status-card.verified{border-left:4px solid var(--success-color)}.status-card.complete{border-left:4px solid var(--primary-color)}.status-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.status-card.verified .status-icon{background:#f0fdf4;color:var(--success-color)}.status-card.complete .status-icon{background:var(--primary-light);color:var(--primary-color)}.status-text h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.status-text p{font-size:.875rem;color:var(--text-secondary)}.hierarchy-container{padding:4rem;background:#f8fafc;border-radius:var(--radius-xl);box-shadow:inset 0 0 20px #00000005;overflow-x:auto;display:flex;justify-content:center;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:30px 30px;min-height:500px}.org-tree{display:flex;justify-content:center;flex-direction:column;align-items:center}.tree-node-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:20px;animation:fadeIn .5s ease-out forwards}.tree-children{display:flex;flex-direction:row;position:relative;padding-top:20px;gap:3rem}.tree-children:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:20px;background-color:#cbd5e1}.tree-children:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;display:none}.org-child-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.org-child-wrapper:before{content:"";position:absolute;top:-20px;left:50%;width:2px;height:20px;background-color:var(--border-color)}.org-child-wrapper:after{content:"";position:absolute;top:-20px;left:0;width:100%;height:2px;background-color:var(--border-color);z-index:0}.org-child-wrapper:first-child:after{left:50%;width:50%;border-top-left-radius:10px}.org-child-wrapper:last-child:after{width:50%;border-top-right-radius:10px}.org-child-wrapper:only-child:after{display:none}.org-child-wrapper:only-child:before{height:20px}.tree-node-content{position:relative;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.tree-node-content:hover{transform:translateY(-5px);z-index:20}.node-card{display:flex;flex-direction:column;align-items:center;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;min-width:200px;text-align:center;gap:.75rem;border-top:4px solid var(--primary-color);position:relative;overflow:hidden;transition:box-shadow .3s ease}.node-card.is-parent{border-top-color:#f59e0b;background:linear-gradient(to bottom,#fff,#fffbf0)}.node-card.is-parent .node-avatar{color:#d97706;background:#fef3c7}.node-card.is-parent .node-role{color:#b45309;background:#fffbeb}.node-card.is-current-user{border-top-color:#a855f7;background:linear-gradient(to bottom,#fff,#f3e8ff);box-shadow:0 0 0 4px #a855f733}.node-card.is-current-user .node-avatar{color:#7e22ce;background:#f3e8ff;border-color:#d8b4fe}.node-card.is-current-user .node-role{color:#6b21a8;background:#f3e8ff}.profile-menu-container{position:relative;display:inline-block}.profile-trigger{cursor:pointer;transition:transform .2s ease}.profile-trigger:hover{transform:scale(1.05)}.navbar-avatar-img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid white;box-shadow:0 2px 4px #0000001a}.navbar-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;border:2px solid rgba(255,255,255,.4)}.profile-dropdown{position:absolute;top:120%;right:0;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}.dropdown-header{padding:1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.dropdown-user-info{display:flex;flex-direction:column;gap:.25rem}.dropdown-user-info strong{color:var(--text-primary);font-size:1rem}.dropdown-user-info span{color:var(--text-secondary);font-size:.85rem}.role-badge-small{display:inline-block;background:var(--primary-light);color:var(--primary-color);font-size:.75rem;padding:2px 8px;border-radius:99px;align-self:flex-start;text-transform:capitalize;margin-top:4px}.dropdown-body{padding:.5rem 0}.dropdown-item{padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:background .1s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:#f1f5f9;color:var(--primary-color)}.dropdown-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background:#fef2f2}.tree-node-content:hover .node-card{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.node-avatar{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,var(--primary-light) 0%,white 100%);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border:3px solid #f1f5f9;box-shadow:0 4px 6px #0000000d}.node-info{display:flex;flex-direction:column;align-items:center}.node-info strong{color:var(--text-primary);font-size:1rem}.node-role{font-size:.75rem;color:var(--primary-color);background:#6366f11a;padding:.35rem .75rem;border-radius:20px;margin-top:.5rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.node-dept{font-size:.75rem;color:var(--text-muted)}.node-toggle{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:28px;height:28px;background:#fff;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:20;box-shadow:0 2px 4px #0000000d;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.node-toggle:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(-50%) scale(1.1)}.allocation-container{min-height:100vh;background:var(--bg-primary)}.allocation-board{display:flex;gap:2rem;padding:2rem;overflow-x:auto;height:calc(100vh - 80px)}.pool-column{min-width:280px;background:#e2e8f0;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%}.pool-column h3{padding:1rem;background:#cbd5e1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:1rem;font-weight:600}.pool-area{padding:1rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.draggable-item{background:#fff;padding:.75rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.75rem;cursor:grab;border:1px solid transparent;position:relative}.draggable-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.draggable-item.overlay{opacity:.8;transform:scale(1.05);cursor:grabbing}.user-avatar-sm{width:2rem;height:2rem;background:var(--primary-light);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.user-info-sm{display:flex;flex-direction:column}.user-info-sm .name{font-size:.875rem;font-weight:500}.user-info-sm .role{font-size:.75rem;color:var(--text-secondary)}.managers-grid{display:flex;gap:1.5rem;overflow-x:auto}.manager-column{min-width:300px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.manager-header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center}.manager-header h3{font-size:1rem;font-weight:600}.manager-header .badge{font-size:.75rem;background:var(--primary-light);color:var(--primary-color);padding:.25rem .5rem;border-radius:4px}.manager-droppable-area{padding:1rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;min-height:150px}.empty-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.875rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1rem}.add-manager-card{min-width:300px;height:100%;border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);background:#ffffff80}.add-manager-card:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fffc}.add-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;padding:2rem;border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;gap:1.5rem;box-shadow:var(--shadow-xl)}.manager-selection-list{overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;max-height:400px;padding-right:.5rem}.manager-option{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.manager-option:hover{border-color:var(--primary-color);background:var(--bg-primary)}.manager-option span{font-weight:500}.manager-option .badge{margin-left:auto;font-size:.75rem;background:var(--bg-primary);padding:.25rem .5rem;border-radius:4px}.success-message{text-align:center;padding:2rem 1rem}.success-message svg{color:var(--success-color);margin:0 auto 1rem}.success-message h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.success-message p{color:var(--text-secondary);margin-bottom:.5rem}.success-message .text-muted{color:var(--text-muted);font-size:.875rem}.link-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1rem;text-decoration:underline;padding:0}.link-button:hover{color:var(--primary-hover)}@media(max-width:640px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.welcome-card{flex-direction:column;text-align:center}.dashboard-main{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.step-indicator{gap:0}.step-line{width:1.5rem}.step-label{display:none}}.dash-page{padding:1.5rem;background-color:var(--bg-secondary);min-height:calc(100vh - 56px)}@media(max-width:640px){.dash-page{padding:1rem}}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;max-width:1400px;margin:0 auto}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}.welcome-banner{grid-column:1 / -1;background:var(--bg-card);border-radius:1rem;padding:2rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:.5rem}.welcome-text h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.welcome-text p{color:var(--text-muted);font-size:.95rem}.welcome-stats{display:flex;gap:2rem}@media(max-width:640px){.welcome-text h1,.top-stat-value{font-size:1.25rem}.stat-card-value{font-size:1.5rem}.top-stat-item{text-align:left}}.top-stat-item{text-align:right}.top-stat-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.top-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.stats-overview{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1rem}@media(max-width:1280px){.stats-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-overview{grid-template-columns:1fr;gap:1rem}.welcome-banner{flex-direction:column;gap:1.5rem;align-items:flex-start}.welcome-stats{width:100%;justify-content:space-between;gap:1rem}}.stat-card{background:var(--bg-card);padding:1.5rem;border-radius:1.25rem;border:1px solid var(--border-light);box-shadow:var(--shadow-md);position:relative;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-top{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2}.stat-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.stat-card-badge{align-self:flex-start;font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-tertiary);padding:.35rem .85rem;border-radius:999px}.stat-card-bottom{display:flex;align-items:baseline;gap:.5rem;position:relative;z-index:2}.stat-card-value{font-size:2rem;font-weight:800;color:var(--text-primary)}.stat-card-trend{font-size:.875rem;font-weight:600}.trend-up{color:var(--success-color)}.trend-down{color:var(--error-color)}.stat-card-image{position:absolute;right:-15px;bottom:-10px;height:130px;width:auto;-o-object-fit:contain;object-fit:contain;z-index:1;pointer-events:none;opacity:.9}@media(max-width:768px){.stat-card-image{display:none!important}}.dashboard-main-col{display:flex;flex-direction:column;gap:1.5rem}.content-card{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.content-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.header-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.view-all-link{font-size:.825rem;color:var(--primary);font-weight:600;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:.25rem}.content-card-body{padding:1.5rem}@media(max-width:640px){.content-card-header{padding:1rem;flex-direction:row;flex-wrap:wrap;gap:.5rem}.content-card-body{padding:1rem}.dash-table th,.dash-table td{padding:.75rem .5rem}}.admin-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.75rem}.dash-table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border-light)}.dash-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-secondary)}.dash-table tr:last-child td{border-bottom:none}.dash-table.bordered-table{border:1px solid var(--border-default)}.dash-table.bordered-table th{background:var(--bg-tertiary);border:1px solid var(--border-light);padding:1rem}.dash-table.bordered-table td{border:1px solid var(--border-light);padding:1rem}.dash-table.bordered-table tr:hover{background-color:var(--bg-hover)}.activity-list{display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;gap:1rem}.activity-icon-wrapper{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-details h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.activity-meta{font-size:.75rem;color:var(--text-muted)}.dashboard-side-col{display:flex;flex-direction:column;gap:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:.75rem;font-size:.825rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-default);transform:translateY(-1px)}.action-btn i{font-size:1rem}.content-hub-list{display:flex;flex-direction:column;gap:1.25rem}.hub-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.75rem}.hub-progress-circle{width:44px;height:44px;border-radius:50%;border:3px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--bg-card)}.hub-info h4{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.hub-info p{font-size:.75rem;color:var(--text-muted)}.badge-pill{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-pending{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #7c3aed33}.primary-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #7c3aed4d}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-default);border-radius:.75rem;font-size:.875rem;color:var(--text-primary);outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-light)}.form-input::-moz-placeholder{color:var(--text-placeholder)}.form-input::placeholder{color:var(--text-placeholder)}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-strong);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--bg-card);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}.assessment-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}@media(max-width:640px){.assessment-cards-grid{grid-template-columns:1fr;gap:1rem}}.assessment-card{background:#6511f61c;border:1px solid #7c3aed61;border-radius:.85rem;padding:1.25rem;transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.assessment-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.assessment-card-pending{background:linear-gradient(135deg,var(--warning-bg) 0%,var(--bg-card) 100%);border:2px solid var(--warning-color);box-shadow:0 4px 12px #eab30826}.assessment-card-pending:hover{border-color:var(--warning-color);box-shadow:0 8px 20px #eab30840}.assessment-card-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.assessment-card-title-section{display:flex;flex-direction:column;gap:.75rem}.assessment-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.assessment-status-badge{align-self:flex-start;font-size:.7rem;font-weight:700;padding:.25rem .85rem;border-radius:5px;background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.025em}.assessment-status-badge.status-expired{background:#ffbb0043;color:var(--error-text)}.assessment-status-badge.status-uploaded{background:#7c3aede0;color:#fff}.assessment-card-body{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.assessment-info-row{display:flex;flex-direction:column;gap:.25rem}.assessment-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.assessment-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.assessment-card-footer{display:flex;gap:.75rem;margin-top:auto}.assessment-btn{flex:1;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.assessment-btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #7c3aed33}.assessment-btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 12px -2px #7c3aed4d}.assessment-btn-secondary{background:#7c3aedc8;color:#fff;border:1px solid var(--border-default)}.assessment-btn-secondary:hover{background:var(--bg-hover);color:#000;border-color:var(--border-strong)}.assessment-btn-disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.assessment-card-expired{opacity:.75;filter:grayscale(.3);background:var(--bg-tertiary)!important;border:1px dashed var(--border-strong)!important}.assessment-card-expired:hover{transform:none;box-shadow:none}.assessment-btn-expired{background:var(--border-light)!important;color:var(--text-muted)!important;cursor:not-allowed;box-shadow:none!important;border:1px solid var(--border-default)!important}@media(max-width:480px){.assessment-card{padding:1rem}.assessment-card-title{font-size:.95rem}}.disciplinary-warning-banner{display:flex;gap:1.5rem;padding:1.5rem;border-radius:12px;animation:slideInDown .5s ease-out}.disciplinary-warning-banner.warning{background:linear-gradient(to right,#fb923c14,#fb923c08);border-left:4px solid #f97316;box-shadow:0 4px 12px #f973161a}.disciplinary-warning-banner.error{background:linear-gradient(to right,#ef444414,#ef444408);border-left:4px solid #ef4444;box-shadow:0 4px 12px #ef44441a}.banner-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.banner-icon.warning{color:#f97316}.banner-icon.error{color:#ef4444}.banner-content h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:750;color:var(--text-primary);letter-spacing:-.01em}.active-actions-list{display:flex;flex-wrap:wrap;gap:1rem}.active-action-item{display:flex;flex-direction:column;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid var(--border-light);min-width:200px;position:relative;transition:all .2s ease}.active-action-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.active-action-item.warning{border-left:3px solid #f97316}.active-action-item.error{border-left:3px solid #ef4444}.action-main{display:flex;flex-direction:column;gap:.25rem}.action-type-label{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.warning .action-type-label{color:#f97316}.error .action-type-label{color:#ef4444}.action-reason{font-size:.85rem;color:var(--text-secondary);font-weight:500}.action-deduction-badge{position:absolute;top:.75rem;right:.75rem;background:#fee2e2;color:#ef4444;font-size:.7rem;font-weight:750;padding:.2rem .5rem;border-radius:4px}.action-info-badge{margin-top:.5rem;display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#f97316;font-weight:600;font-style:italic}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.disciplinary-warning-banner{flex-direction:column;gap:1rem;padding:1rem}.active-actions-list{flex-direction:column}.active-action-item{min-width:0}}.common-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:300px;width:100%;position:relative;overflow:hidden;background:transparent;z-index:1000}.common-loader-container.full-screen{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:var(--bg-primary, #ffffff);z-index:40}[data-theme=dark] .common-loader-container.full-screen{background:var(--bg-primary, #0f172a)}.loader-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.premium-spinner{position:relative;width:80px;height:80px;margin-bottom:2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#9b63fe;border-radius:50%;animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#f7cb31;animation-delay:-.2s}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#f4615e;animation-delay:-.4s}.spinner-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#9b63fe;border-radius:50%;box-shadow:0 0 15px #9b63fe80;animation:pulse 1.5s infinite}.loader-text-group{animation:fadeIn .8s ease-out forwards}.loader-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.025em;font-family:Plus Jakarta Sans,sans-serif}.text-gradient{background:linear-gradient(135deg,#9b63fe,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loader-subtitle{font-size:.9rem;color:var(--text-muted, #64748b);font-weight:500}.loader-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.blob{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(155,99,254,.08) 0%,transparent 70%);border-radius:50%;filter:blur(40px)}.blob-1{top:-150px;right:-150px;animation:drift 20s infinite linear}.blob-2{bottom:-150px;left:-150px;animation:drift 15s infinite linear reverse}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0) rotate(0)}50%{transform:translate(50px,50px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.manager-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.manager-header-left h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.manager-header-left p{margin:.5rem 0 0;font-size:.95rem;color:var(--text-muted);font-weight:400}.manager-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:640px){.manager-stats-row{grid-template-columns:1fr;gap:1rem}}.manager-stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);min-height:140px}.manager-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.manager-stat-info{flex:1;z-index:2}.stat-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-sublabel{font-size:.7rem;color:var(--text-placeholder);margin-bottom:.75rem}.stat-value-container{display:flex;align-items:center;gap:.75rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin:0}.stat-badge{font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase}.stat-badge.primary{color:var(--primary);background:var(--primary-light)}.stat-badge.success{color:var(--success-text);background:var(--success-bg)}.stat-badge.info{color:var(--info-text);background:var(--info-bg)}.stat-badge.warning{color:var(--warning-color);background:var(--warning-bg)}.manager-stat-img{position:absolute;bottom:-5px;right:-5px;width:100px;height:100px;-o-object-fit:contain;object-fit:contain;z-index:1;transition:transform .3s ease}.manager-stat-card:hover .manager-stat-img{transform:scale(1.1) rotate(5deg)}@media(max-width:1100px){.manager-stat-img{width:80px;height:80px}}.manager-hierarchy-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.manager-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.manager-card-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.manager-card-header p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.scroll-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--info-bg);border:1px solid var(--border-default);border-radius:.5rem;font-size:.8rem;font-weight:600;color:var(--info-text)}.scroll-indicator svg{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.hierarchy-container{padding:0;min-height:800px;height:800px;max-height:1200px;overflow:hidden;position:relative;background:var(--secondary);border-radius:.75rem;border:1px solid var(--default)}.react-flow__background{background-color:transparent!important}.react-flow__attribution{display:none!important}.react-flow__controls{box-shadow:var(--shadow-md)!important;border:1px solid var(--default)!important;border-radius:8px!important;overflow:hidden!important}.react-flow__controls-button{background:var(--card)!important;fill:var(--primary)!important;border-bottom:1px solid var(--default)!important}.react-flow__node-custom{padding:0!important;border:none!important;background:transparent!important}.hierarchy-legend{position:absolute;top:20px;right:20px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--default);padding:1rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md)}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-icon-img{width:24px;height:auto}.legend-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.temp-circle{background:#fbbf24;border:2px solid var(--card);box-shadow:0 0 0 1px #fbbf24}.admin-ribbon-mini{width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#d97706);clip-path:polygon(100% 0,100% 100%,50% 85%,0 100%,0 0)}.legend-item span{font-size:.875rem;font-weight:600;color:var(--primary)}.highcharts-org-wrapper::-webkit-scrollbar{width:10px;height:10px}.highcharts-org-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:5px}.highcharts-org-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.highcharts-org-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)}.org-node-pill{display:flex!important;align-items:center!important;padding:6px 16px 6px 6px!important;border-radius:15px!important;background:#250a40!important;box-shadow:var(--shadow-md)!important;width:250px!important;height:75px!important;color:#fff!important;cursor:pointer!important;border:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}.org-node-pill:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:var(--shadow-lg)!important}.manager-ribbon-img{position:absolute;top:-15px;right:50px;width:48px;height:auto;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.admin-ribbon-img{position:absolute;top:-15px;right:30px;width:45px;height:auto;z-index:11;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.org-node-avatar-wrapper{width:58px!important;height:58px!important;border-radius:50%!important;background:var(--card)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-right:14px!important;box-shadow:var(--shadow-sm)!important}.org-node-avatar{width:50px!important;height:50px!important;border-radius:50%!important;-o-object-fit:cover!important;object-fit:cover!important}.org-node-initials-circle{width:50px!important;height:50px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:700!important;color:#fff!important}.org-node-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;overflow:hidden!important}.org-node-name{font-size:16px!important;font-weight:800!important;color:#fff!important;margin:0!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.org-node-title{font-size:13px!important;font-weight:700!important;color:#4df3ff!important;margin-top:2px!important;text-transform:uppercase!important;letter-spacing:.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.react-flow__handle{opacity:0!important;pointer-events:none!important}.react-flow__edge-path{stroke:#6366f1!important;stroke-width:2.5px!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important}.react-flow__edge-marker{fill:#6366f1!important}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite!important}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.org-node-pill{transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important}.org-node-dimmed{opacity:.2!important;filter:grayscale(40%)}.react-flow__edge.react-flow__edge--dimmed path{opacity:.1!important;transition:opacity .3s ease}.react-flow__edge.react-flow__edge--dimmed .react-flow__edge-marker{opacity:.1!important;transition:opacity .3s ease}.react-flow__edge path{transition:opacity .3s ease}.hierarchy-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none;opacity:0;transition:opacity .3s ease}.hierarchy-container:not(:hover):after{opacity:1}.tree-node-wrapper{margin-bottom:1.5rem}.tree-node-content{position:relative;display:flex;align-items:center;gap:.75rem}.node-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:.875rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;flex:1;box-shadow:var(--shadow-sm)}.node-card:hover{transform:translate(4px);box-shadow:0 4px 12px var(--primary-light);border-color:var(--primary)}.node-avatar-img{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--border-default)}.node-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.node-info{display:flex;flex-direction:column;gap:.375rem;flex:1}.node-info strong{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.node-role{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:600;align-self:flex-start}.node-toggle{width:36px;height:36px;border-radius:.5rem;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s;flex-shrink:0}.node-toggle:hover{background:var(--bg-hover);transform:scale(1.1)}.tree-children{margin-left:2.5rem;margin-top:1rem;padding-left:1.5rem;border-left:2px dashed var(--border-strong)}.org-child-wrapper{position:relative}.org-child-wrapper:before{content:"";position:absolute;left:-1.5rem;top:2rem;width:1rem;height:2px;background:var(--border-strong)}.badge{display:inline-block;padding:.25rem .625rem;border-radius:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.025em}.badge-temporary{background:var(--success-bg);color:var(--success-text);border:1px solid var(--border-default)}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state svg{margin:0 auto 1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-secondary)}.empty-state p{margin:0;font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.loading-state svg{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.user-profile-modal{background:var(--modal-bg);border-radius:1rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;border-radius:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.modal-close:hover{background:#0003}.modal-close svg{color:var(--text-muted)}.modal-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border-default);position:relative}.modal-avatar-container{position:relative;width:100px;height:100px;margin:0 auto 1rem}.modal-avatar,.modal-avatar-fallback{width:100px;height:100px;border-radius:50%;border:4px solid var(--bg-card);box-shadow:0 4px 16px #00000026}.modal-avatar{-o-object-fit:cover;object-fit:cover}.modal-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:var(--text-primary)}.modal-name{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-position{margin:0 0 .75rem;font-size:1rem;color:var(--text-muted);font-weight:500}.modal-badge{display:inline-block;padding:.375rem .875rem;border-radius:.5rem;font-size:.8rem;font-weight:600;margin:.25rem}.modal-badge.temporary{background:var(--success-bg);color:var(--success-text);border:1px solid var(--border-default)}.modal-badge.current{background:var(--primary-light);color:var(--primary);border:1px solid var(--border-default)}.modal-body{padding:1.5rem 2rem 2rem}.modal-info-section{margin-bottom:1.5rem}.modal-info-section:last-child{margin-bottom:0}.modal-info-section h3{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.modal-info-grid{display:grid;gap:1rem}.modal-info-item{display:flex;align-items:flex-start;gap:.875rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:.75rem;transition:all .2s}.modal-info-item:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translate(2px)}.modal-info-icon{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-info-icon svg{color:var(--primary)}.modal-info-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.modal-info-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-info-value{font-size:.95rem;font-weight:500;color:var(--text-primary);word-wrap:break-word}.user-profile-modal::-webkit-scrollbar{width:8px}.user-profile-modal::-webkit-scrollbar-track{background:var(--scrollbar-track)}.user-profile-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);border-radius:4px}@media(max-width:768px){.manager-page-header,.manager-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.manager-stat-img{display:none!important}.table-pagination{width:100%;justify-content:space-between}.manager-header-left h1{font-size:1.5rem}.manager-stats-row{grid-template-columns:1fr}.hierarchy-container{height:60vh;min-height:400px}.hierarchy-legend{position:relative;top:0;right:0;width:100%;margin-bottom:1rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;background:var(--bg-card)}.tree-children{margin-left:1rem;padding-left:1rem}.node-card{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.node-avatar-img,.node-avatar{width:48px;height:48px}.node-info{width:100%}.node-toggle{align-self:flex-end;margin-top:-3rem}.user-profile-modal{width:95%;max-width:100%;margin:1rem;max-height:85vh}.modal-header{padding:1.5rem 1rem 1rem}.modal-body{padding:1rem 1.25rem 1.5rem}.modal-avatar-container,.modal-avatar,.modal-avatar-fallback{width:80px;height:80px}.modal-avatar-fallback{font-size:28px}.modal-name{font-size:1.25rem}.modal-info-grid{grid-template-columns:1fr}.modal-info-item{padding:.875rem}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;width:calc(100% + 2rem)}.dash-table{min-width:600px}}.table-pagination{display:flex;align-items:center;gap:.5rem}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .85rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.pagination-btn:hover:not(.disabled):not(.active){background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.pagination-page{min-width:38px;height:38px;padding:0;border-radius:.5rem}.pagination-page.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #6366f159}.pagination-nav{padding:.5rem 1rem}.pagination-nav.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-header-left h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.admin-header-left p{color:var(--text-muted);font-size:.95rem;margin:.25rem 0 0}.admin-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:var(--bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1rem}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.blue-icon{background:var(--info-bg);color:var(--info-text)}.green-icon{background:var(--success-bg);color:var(--success-text)}.purple-icon{background:var(--primary-light);color:var(--primary)}.stat-info .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-info .stat-label{display:block;font-size:.825rem;color:var(--text-muted);font-weight:500}.admin-content-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}@media(max-width:1200px){.admin-content-grid{grid-template-columns:1fr}}.admin-card{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.admin-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.admin-card-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.admin-card-body{padding:1.5rem}.admin-table-container{width:100%;overflow-x:auto}.tracking-table-container{width:100%;overflow-x:visible}.tracking-table th{background:var(--bg-card);white-space:nowrap;padding:1rem 1.5rem!important}.tracking-table td{padding:1.25rem 1.5rem!important;white-space:nowrap}.manager-badge-stack{display:flex;flex-wrap:nowrap;gap:6px;margin-top:4px}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.admin-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-secondary)}.admin-table tr:hover{background-color:var(--bg-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1100;padding:1rem}.modal-content{background:var(--modal-bg);border-radius:1.25rem;box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--modal-bg);z-index:5}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem;background:var(--bg-tertiary)}.template-part-item{border:1px solid var(--border-light);border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.part-toggle-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.part-toggle-header:hover{background:var(--bg-hover)}.part-toggle-header h3{margin:0;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.part-content{padding:1rem;border-top:1px solid var(--border-light)}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.standard-input{width:100%;padding:.7rem .9rem;border-radius:.625rem;border:1px solid var(--border-default);background:var(--bg-card);font-size:.9rem;color:var(--text-primary);transition:all .2s}.standard-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.modern-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.625rem;font-weight:600;font-size:.9rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.badge{padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-blue{background:var(--info-bg);color:var(--info-text)}.badge-green{background:var(--success-bg);color:var(--success-text)}.badge-orange{background:var(--warning-bg);color:var(--warning-text)}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary)}.tracking-toggle-container{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:4px;border-radius:10px;border:1px solid var(--border-default)}.tracking-toggle-btn{padding:.5rem 1.25rem;font-size:.875rem;border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.tracking-toggle-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #00000014}.tracking-toggle-btn:not(.active){background:transparent;color:var(--text-muted)}.tracking-toggle-btn:not(.active):hover{color:var(--text-primary);background:#00000005}.tracking-table th{background:var(--bg-card);white-space:nowrap}.tracking-table td{padding:1.25rem 1rem}.manager-badge-stack{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.manager-mini-badge{background:var(--bg-tertiary);color:var(--text-muted);font-size:.65rem;padding:1px 6px;border-radius:4px;border:1px solid var(--border-default)}.deadline-info{display:flex;flex-direction:column;gap:2px}.deadline-date{font-size:.813rem;font-weight:500;color:var(--text-primary)}.deadline-note{font-size:.7rem;color:var(--text-muted)}.deadline-extended{color:var(--primary);font-weight:600}.btn-extend-time{background:transparent;color:var(--primary);border:1px solid var(--primary);font-size:.75rem;padding:.4rem .75rem;border-radius:6px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-extend-time:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f133}.resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:50;transition:all .2s}.resize-handle:hover,.resize-handle.resizing{background:var(--primary);box-shadow:2px 0 10px #6366f14d}.resize-hint{position:absolute;right:3.5rem;top:1.25rem;padding:.4rem .75rem;font-size:.65rem;font-weight:600;color:var(--text-muted);border:1px solid var(--border-default);border-radius:8px;background:var(--bg-card);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px;z-index:10}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.assessment-runner-page{min-height:100vh;background:var(--bg-secondary);padding:2rem}.assessment-runner-container{max-width:900px;margin:0 auto;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md);padding:2.5rem;border:1px solid var(--border-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.no-select-protection{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.no-select-protection input,.no-select-protection textarea,.no-select-protection .ql-editor{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important}.assessment-runner-container.has-unofficial-issue:hover{box-shadow:0 10px 30px -5px #f59e0b33,0 0 0 1px #f59e0b33;border-color:#f59e0b4d}.assessment-header{margin-bottom:2rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem}.assessment-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.assessment-status-banner{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:center}.edit-controls-row{display:flex;justify-content:space-between;align-items:center}.tab-navigation{display:flex;gap:1rem;margin-top:1.5rem;border-bottom:2px solid var(--border-light);padding-bottom:.2rem;overflow-x:auto}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tab-button.active{border-bottom:3px solid var(--primary);color:var(--primary)}.tab-button:not(.active){border-bottom:3px solid transparent;color:var(--text-muted)}.personal-details-grid,.results-remarks-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.summary-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:800px;margin:0 auto}@media(max-width:768px){.assessment-runner-page{padding:1rem}.assessment-runner-container{padding:1.5rem}.assessment-title-row{flex-direction:column;align-items:flex-start;gap:1rem}.assessment-title-row h1{font-size:1.35rem}.edit-controls-row{flex-direction:column;align-items:flex-start;gap:1rem}.edit-controls-row div{align-items:flex-start!important;width:100%}.personal-details-grid{grid-template-columns:1fr;gap:1rem}.results-remarks-grid,.summary-cards-grid{grid-template-columns:1fr}.assessment-runner-header{margin-bottom:1.5rem}.tab-navigation{gap:.5rem}.tab-button{padding:.6rem 1rem;font-size:.85rem}.question-card p{font-size:1rem!important}.rating-row{flex-direction:column;align-items:flex-start!important;gap:.75rem!important}.star-rating-container{margin-left:0!important}.form-actions{flex-direction:column}.form-actions button{width:100%!important}.achievements-table thead{display:none}.achievements-table,.achievements-table tbody,.achievements-table tr,.achievements-table td{display:block;width:100%!important}.achievements-table tr{margin-bottom:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:12px;padding:1rem;position:relative}.achievements-table td{padding:.5rem 0!important;border:none!important}.achievements-table .col-no:before{content:"Achievement #";font-weight:700;color:var(--primary);margin-right:.5rem}.achievements-table .col-no{font-size:.9rem;border-bottom:1px solid var(--border-light)!important;margin-bottom:.75rem;padding-bottom:.75rem!important}.achievements-table .col-action{position:absolute;top:.5rem;right:.5rem;width:auto!important}.achievement-remove-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ef44441a!important;color:var(--error-color)!important;border:none!important;border-radius:50%;cursor:pointer;font-size:1.25rem;font-weight:700}.quill-input-container{width:100%;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-default);min-height:120px}.rating-score-input{width:100%!important;max-width:120px;height:50px;font-size:1.25rem!important}.rating-row{padding:1rem!important}}.rating-score-input{transition:all .2s ease}.rating-score-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #6366f133;outline:none}.achievements-table{width:100%;border-collapse:collapse;margin-top:1rem}.achievements-table th{padding:.75rem;text-align:left;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem}.achievements-table td{padding:1rem .75rem;border-bottom:1px solid var(--border-light);vertical-align:top}.col-no{width:60px;text-align:center;font-weight:600;color:var(--text-muted)}.col-action{width:80px;text-align:center}.achievement-remove-btn{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;opacity:.7;transition:opacity .2s}.achievement-remove-btn:hover{opacity:1}.add-row-btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.25rem;padding:.75rem 1.25rem;background:#6366f10d;color:var(--primary);border:1px dashed var(--primary);border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-row-btn:hover{background:#6366f11a;border-style:solid;transform:translateY(-1px);box-shadow:0 4px 12px #6366f11f}.add-row-btn:active{transform:translateY(0)}.add-row-btn svg{transition:transform .3s ease}.add-row-btn:hover svg{transform:rotate(90deg)}.quill-input-container{border:1px solid var(--border-default);border-radius:8px;overflow:hidden;background:var(--bg-card)}@media(max-width:768px){.add-row-btn{width:100%;justify-content:center;padding:.85rem}}@media(max-width:480px){.assessment-runner-container{padding:1rem}.assessment-title-row h1{font-size:1.25rem}.status-badge{font-size:.75rem!important;padding:.3rem .6rem!important}}.disciplinary-summary-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-radius:10px;margin:1rem 0 2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid transparent;z-index:10}.disciplinary-summary-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.disciplinary-summary-banner.warning{background:linear-gradient(to right,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33}.disciplinary-summary-banner.error{background:linear-gradient(to right,#ef44441a,#ef44440d);border-color:#ef444433}.disciplinary-summary-banner .banner-icon-container{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.disciplinary-summary-banner .banner-content{flex:1}.disciplinary-summary-banner .banner-text-row{display:flex;flex-direction:column}.disciplinary-summary-banner .banner-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.disciplinary-summary-banner .banner-subtitle{font-size:.8rem;color:var(--text-muted)}.disciplinary-summary-banner .banner-action-hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--primary);padding:.4rem .75rem;background:#6366f11a;border-radius:6px;transition:all .2s ease}.disciplinary-summary-banner:hover .banner-action-hint{background:var(--primary);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.history-modal{background:var(--bg-card);width:100%;max-width:650px;border-radius:20px;box-shadow:0 25px 50px -12px #0000004d;border:1px solid var(--border-light);display:flex;flex-direction:column;max-height:85vh;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.history-item{background:var(--bg-card);border-radius:14px;padding:1.25rem;border:1px solid var(--border-light);transition:transform .2s}.history-item.active{border-left:4px solid #f97316}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge{padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.action-type-label{font-weight:700;font-size:.9rem;color:var(--text-primary)}.history-body .reason{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;background:var(--bg-secondary);padding:.75rem;border-radius:8px}.history-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.deduction-tag{background:#fef2f2;color:#dc2626;padding:.25rem .6rem;border-radius:6px;font-weight:700}.removal-info{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light);display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted);align-items:flex-start}.removal-info svg{margin-top:2px}.modal-footer-single{padding:1.25rem;background:var(--bg-card);border-top:1px solid var(--border-light)}.btn-close-full{width:100%;padding:.85rem;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-size:1rem}.btn-close-full:hover{background:var(--primary-hover);transform:translateY(-1px)}.my-assessments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;padding:1.5rem!important}.header-content-group{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;flex:1}.title-section h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.title-section p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.filter-section{display:flex;align-items:center;gap:1rem;background:var(--bg-hover);padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border-light);transition:all .2s ease}.filter-section:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.date-inputs-group{display:flex;align-items:center;gap:.75rem}.date-input{padding:.4rem .6rem;font-size:.85rem;width:140px!important;background:var(--bg-card)!important;border:1px solid var(--border-default)!important;border-radius:8px!important;color:var(--text-primary)!important;outline:none;transition:all .2s}.date-input:focus{border-color:var(--primary)!important}.to-text{color:var(--text-placeholder);font-size:.8rem;font-weight:500}.clear-dates-btn{background:var(--error-bg);color:var(--error-text);border:none;padding:.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-dates-btn:hover{filter:brightness(.95);transform:scale(1.05)}.pagination-container{display:flex;align-items:center;gap:.75rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{color:var(--text-placeholder);cursor:not-allowed;opacity:.6;box-shadow:none}.pagination-pages{display:flex;gap:.4rem}.pagination-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pagination-page-btn:hover:not(.active){border-color:var(--primary);background:var(--bg-hover)}.pagination-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 8px #7c3aed40}.pagination-ellipsis{padding:0 .25rem;align-self:center;color:var(--text-muted)}@media(max-width:1024px){.header-content-group{gap:1.25rem}}@media(max-width:930px){.my-assessments-header{flex-direction:column;align-items:flex-start}.header-content-group{width:100%;flex-direction:column;align-items:flex-start}.pagination-container{width:100%;justify-content:flex-end}}@media(max-width:768px){.manager-page-header{padding:1.25rem 1rem!important;margin-bottom:1rem!important}.manager-card-header{padding:1rem!important}.filter-section{width:100%;padding:.75rem}.date-inputs-group{flex:1;justify-content:flex-start}.admin-table-container{margin-left:-1rem!important;margin-right:-1rem!important;width:calc(100% + 2rem)!important;border-radius:0!important;border-left:none!important;border-right:none!important}.dash-table th:first-child,.dash-table td:first-child{display:none}.assessment-status-badge-custom{padding:.25rem .6rem!important;font-size:.65rem!important}.pagination-container{justify-content:space-between}.prev-next-btn{flex:1;justify-content:center}}@media(max-width:580px){.filter-section{flex-direction:column;align-items:flex-start;gap:.75rem}.date-inputs-group{width:100%;justify-content:space-between}.date-input{flex:1;width:auto!important}}@media(max-width:480px){.manager-header-left h1{font-size:1.35rem!important}.dash-table{min-width:480px!important}.pagination-pages{display:none}.date-inputs-group{flex-direction:column;align-items:stretch;gap:.4rem}.to-text{text-align:center;padding:.1rem 0}.date-input{width:100%!important}}.scroll-hint-mobile{display:none;align-items:center;justify-content:center;gap:8px;padding:.6rem;margin:0 1rem 1rem;background:var(--primary-light);color:var(--primary);font-size:.8rem;font-weight:600;border-radius:10px;border:1px dashed var(--primary)}@media(max-width:768px){.scroll-hint-mobile{display:flex}}.scroll-hint-mobile svg{animation:slideIcon 2s infinite ease-in-out}@keyframes slideIcon{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}.assessment-status-badge-custom{display:inline-flex;align-items:center;gap:6px;padding:.4rem .8rem;border-radius:99px;font-size:.75rem;font-weight:700}.badge-reviewed{background:var(--success-bg);color:var(--success-text);border:1px solid rgba(34,197,94,.2)}.badge-submitted{background:var(--info-bg);color:var(--info-text);border:1px solid rgba(14,165,233,.2)}.badge-expired{background:var(--error-bg);color:var(--error-text);border:1px solid rgba(239,68,68,.2)}.badge-pending{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-default)}.employee-mgmt-container{padding:2rem;max-width:1400px;margin:0 auto}.mgmt-header{margin-bottom:2rem}.header-content h1{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin:0}.header-content p{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.controls-area{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem;background:var(--bg-card);padding:1rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-default)}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border-radius:.75rem;border:1px solid var(--border-default);background:var(--bg-tertiary);font-size:.875rem;color:var(--text-primary);transition:all .2s}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:.75rem;border:1px solid var(--border-default)}.filter-group select{background:transparent;border:none;font-size:.875rem;font-weight:600;color:var(--text-secondary);outline:none;cursor:pointer}.employee-table-wrapper{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-default);box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto;margin-top:1.5rem}.employee-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.employee-table thead th{background:var(--bg-tertiary);padding:1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border-bottom:1px solid var(--border-default);white-space:nowrap}.employee-row{border-bottom:1px solid var(--border-default);transition:background .2s}.employee-row:hover{background:var(--bg-tertiary)}.employee-row td{padding:1rem;vertical-align:middle;color:var(--text-primary)}.col-id{width:50px;text-align:center;color:var(--text-muted);font-weight:600}.col-name{min-width:200px}.col-email{min-width:200px;color:var(--text-secondary)}.col-designation,.col-department{min-width:150px}.col-location{min-width:120px}.col-joined{min-width:120px;color:var(--text-muted)}.col-actions{width:150px;text-align:right}.name-with-avatar{display:flex;align-items:center;gap:.75rem}.table-avatar{width:2.5rem;height:2.5rem;border-radius:.75rem;overflow:hidden;background:var(--bg-secondary);flex-shrink:0}.table-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder-sm{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-weight:800;font-size:1rem}.badge-designation{padding:.25rem .625rem;background:var(--bg-secondary);border-radius:2rem;font-size:.75rem;font-weight:600;color:var(--primary);border:1px solid var(--primary-light)}.location-cell{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary)}.action-buttons-group{display:flex;justify-content:flex-end;gap:.5rem}.btn-table-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-default);background:#fff;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-table-action:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.btn-table-action.warn:hover{color:#c2410c;background:#fff7ed;border-color:#fdba74}.btn-table-action.official:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.btn-table-action.more:hover{color:var(--primary);background:var(--bg-secondary);border-color:var(--primary-light)}.no-results-cell{padding:5rem 0!important}.no-results{display:flex;flex-direction:column;align-items:center;color:var(--text-muted)}.no-results svg{opacity:.2;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.action-modal{background:var(--bg-card);width:100%;max-width:500px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-default);overflow:hidden;animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-enter{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:flex-start}.header-info h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.header-info p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem}.action-modal form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}.form-group select,.form-group textarea{width:100%;padding:.75rem;border-radius:.75rem;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem}.form-group textarea{height:120px;resize:none}.alert-notice{display:flex;gap:.75rem;background:#fffbeb;border:1.5px solid #fde68a;padding:1rem;border-radius:1rem;margin-bottom:1.5rem}.alert-notice svg{color:#d97706;flex-shrink:0}.alert-notice p{margin:0;font-size:.8125rem;color:#92400e;font-weight:500;line-height:1.4}.modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-cancel{padding:.75rem;border-radius:.75rem;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:700;cursor:pointer}.btn-submit{padding:.75rem;border-radius:.75rem;background:var(--primary);color:#fff;font-weight:800;border:none;cursor:pointer}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.dark-mode .btn-table-action{background:var(--bg-tertiary)}.history-modal{background:var(--bg-card);width:100%;max-width:600px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-default);display:flex;flex-direction:column;max-height:85vh;animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1)}.history-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-tertiary)}.title-with-icon{display:flex;align-items:center;gap:.75rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:var(--bg-card);border-radius:1rem;padding:1.25rem;border:1px solid var(--border-default);transition:transform .2s}.history-item:hover{transform:scale(1.01)}.history-item.removed{opacity:.8;background:var(--bg-secondary);border-style:dashed}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.action-tag{display:flex;align-items:center;gap:.5rem}.icon-active{color:#f97316}.icon-removed{color:var(--text-muted)}.status-badge{padding:.125rem .5rem;border-radius:2rem;font-size:.65rem;font-weight:700;text-transform:uppercase}.status-badge.active{background:#fff7ed;color:#c2410c}.status-badge.inactive{background:var(--bg-secondary);color:var(--text-muted)}.action-type-label{font-weight:800;font-size:.875rem;color:var(--text-primary)}.history-date{font-size:.75rem;color:var(--text-muted)}.history-body .reason{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-bottom:1rem;line-height:1.5}.history-details{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.deduction-tag{background:#fef2f2;color:#dc2626;padding:.125rem .5rem;border-radius:.5rem;font-weight:700}.removal-info{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-default);display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted);align-items:center}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-history h3{margin-top:1rem;color:var(--text-primary)}.modal-footer-single{padding:1.25rem;border-top:1px solid var(--border-default);display:flex;justify-content:flex-end}.btn-close-full{width:100%;padding:.75rem;border-radius:.75rem;background:var(--primary);color:#fff;font-weight:800;border:none;cursor:pointer;transition:opacity .2s}.btn-close-full:hover{opacity:.9}.dark-mode .history-item.removed{background:#0003}.dark-mode .deduction-tag{background:#dc26261a}.dark-mode .alert-notice{background:#d977061a;border-color:#d9770633}.dark-mode .alert-notice p{color:#fbbf24}.btn-remove-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:.75rem;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-remove-action:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #dc262633}.dark-mode .btn-remove-action{background:#dc26261a;border-color:#dc262633}.dark-mode .btn-remove-action:hover{background:#dc2626}.btn-create-employee{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary);color:#fff;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);font-size:.8125rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 6px -1px #8e40ed33,0 2px 4px -1px #8e40ed1a}.btn-create-employee:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #8e40ed4d;background:#9d5cf0}.btn-create-employee:active{transform:translateY(0)}.create-employee-modal{max-width:800px;width:95%;max-height:90vh;background:var(--bg-card);border-radius:1.5rem;overflow-y:auto;display:flex;flex-direction:column;position:relative}.create-employee-modal .modal-header{position:sticky;top:0;z-index:20;background:var(--bg-card);border-bottom:1px solid var(--border-default)}.create-employee-modal .modal-footer{position:sticky;bottom:0;z-index:20;background:var(--bg-card);padding:1.5rem 2rem;border-top:1px solid var(--border-default);margin-top:auto}.create-employee-form{padding:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2rem}.form-section{display:flex;flex-direction:column;gap:1.25rem}.section-title{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-default);margin-bottom:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;color:var(--text-secondary);font-weight:700}.form-group label svg{color:var(--primary);opacity:.8}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--border-default);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-light);outline:none}.spinner-xs{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.flex-center{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1.5rem}.create-employee-modal{width:98%}}:root{--sidebar-width-full: 300px;--sidebar-width-collapsed: 80px;--sidebar-icon-size: 20px;--transition-speed: .3s}.layout-container{--sidebar-width: var(--sidebar-width-full);display:flex;min-height:100vh;background-color:var(--bg-secondary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s ease}.dark-mode .layout-container{background-color:var(--bg-primary)}.layout-container.collapsed{--sidebar-width: var(--sidebar-width-collapsed)}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:0;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:width var(--transition-speed) cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #0000000d}.dark-mode .sidebar{background:linear-gradient(180deg,#1e293b,#334155 30%,#475569);box-shadow:4px 0 20px #0000004d;border-right:1px solid var(--border-default)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 1.5rem;height:120px;background:#fff;border-bottom-right-radius:40px;margin-bottom:2rem;position:relative;overflow:hidden}.dark-mode .sidebar-header{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#822cec;border-radius:inherit;z-index:0}.sidebar-header>*{position:relative;z-index:1}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem .75rem;height:auto;border-bottom-right-radius:30px}.brand-logo-img{height:65px;width:auto;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;max-width:200px;padding:8px 12px;border-radius:8px}.brand-logo-collapsed{height:36px;width:auto;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;max-width:40px;background:#fffffff2;padding:6px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.375rem;padding:0 1rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.dark-mode .sidebar-nav{scrollbar-color:rgba(255,255,255,.15) transparent}.dark-mode .sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff26}.dark-mode .sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.sidebar.collapsed .sidebar-nav{padding:0 .5rem}.nav-item{display:flex;align-items:center;justify-content:flex-start;padding:1rem 1.25rem;border-radius:16px;color:#64748b;text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;height:56px;white-space:nowrap;overflow:hidden;position:relative;margin-bottom:.25rem}.dark-mode .nav-item{color:#fffa}.dark-mode .nav-item:hover{color:#fffffff2;background:#f5f3f300}.nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#9c9a9d4a;border-radius:16px;opacity:0;transition:opacity .3s ease}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem;border-radius:14px;margin:.25rem 0;height:48px}.nav-item-content{display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;z-index:1}.nav-item:hover{color:#1e293b;transform:translate(6px)}.nav-item:hover:before{opacity:1}.nav-item.active{background:#902bf5;color:#f3f5f8;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.dark-mode .nav-item.active{background:linear-gradient(135deg,#ffcf6026,#f512f114);border:1px solid rgba(225,0,255,.271);box-shadow:0 4px 12px #82828200,inset 0 1px #ffffff1a}.nav-item-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.nav-item-content span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-icon{width:22px;height:22px;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes icon-swing{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.nav-item:hover .nav-icon{animation:icon-swing .8s ease;color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-item.active .nav-icon{color:#fefeff}.chevron-icon{width:16px;height:16px;color:#64748b;transition:all .3s ease}.main-content{flex:1;margin-left:var(--sidebar-width);padding:0;width:calc(100% - var(--sidebar-width));display:flex;flex-direction:column;transition:margin-left var(--transition-speed) cubic-bezier(.4,0,.2,1),width var(--transition-speed) cubic-bezier(.4,0,.2,1);background-color:var(--bg-primary);min-height:100vh}.dark-mode .main-content{background-color:var(--bg-primary)}.sidebar-footer{padding:1.5rem 1rem;border-top:1px solid #e2e8f0;background:#fff}.dark-mode .sidebar-footer{border-top:1px solid rgba(255,255,255,.08);background:#0003}.logout-button{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:12px;color:#dc2626;background:#fee2e2;border:1px solid #fecaca;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;width:100%}.dark-mode .logout-button{background:#ef444426;border:1px solid rgba(239,68,68,.25);color:#ff0202f2}.dark-mode .logout-button:hover{background:#ef444417;border-color:#ef444466}.logout-button:hover{background:#fecaca;border-color:#fca5a5;color:snow;transform:translateY(-2px);box-shadow:0 4px 12px #dc262626}.logout-button.collapsed{padding:.75rem;justify-content:center;width:48px;height:48px;border-radius:12px}.logout-button.collapsed:hover{transform:translateY(-2px) scale(1.05)}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-speed) cubic-bezier(.4,0,.2,1);width:280px!important;box-shadow:none}.sidebar.show{transform:translate(0);box-shadow:4px 0 25px #0006}.main-content{margin-left:0;width:100%}.nav-item span{display:block!important;opacity:1!important;visibility:visible!important}.sidebar-nav{padding-bottom:5rem}.nav-item{padding:1rem;font-size:1rem}.sidebar-header{padding:1.5rem 1rem;height:100px}.brand-logo-img{height:52px}}.dark-mode *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark-mode .nav-item:focus{outline:2px solid rgba(167,139,250,.5);outline-offset:2px}.dark-mode .logout-button:focus,.dark-mode .collapse-toggle:focus{outline:2px solid rgba(167,139,250,.5);outline-offset:2px}@media print{.sidebar{display:none}.main-content{margin-left:0;width:100%}}.collapse-toggle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#fff;cursor:pointer;background:#f1f5f930;border:1px solid #e2e8f056;transition:all .3s ease}.mobile-close-btn,.mobile-menu-btn{display:none!important}@media(max-width:768px){.mobile-close-btn{display:flex!important}.desktop-toggle{display:none!important}.mobile-menu-btn{display:flex!important}}.dark-mode .collapse-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.dark-mode .collapse-toggle:hover{background:#ffffff26;border-color:#ffffff40}.collapse-toggle:hover{box-shadow:0 4px 12px #00000014}.sidebar.collapsed .collapse-toggle{width:32px;height:32px}.top-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);position:sticky;top:0;z-index:50;transition:all .2s ease}.dark-mode .top-bar{background-color:var(--bg-secondary);border-bottom-color:var(--border-default)}.top-bar-left{display:flex;align-items:center;gap:1rem}.top-bar-right{display:flex;align-items:center;gap:1.25rem}.top-bar-icon{color:var(--text-muted);cursor:pointer;transition:color .15s}.top-bar-icon:hover{color:var(--text-primary)}.top-bar-search{display:none;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:99px;padding:2px;padding-left:1.25rem;width:100%;max-width:480px;height:46px;transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.top-bar-search{max-width:320px}}@media(max-width:480px){.top-bar-search{display:none}.top-bar{padding:0 .75rem}}.top-bar-search:focus-within{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px var(--primary-light)}.top-bar-search input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem;color:var(--text-primary);font-weight:500}.top-bar-search input::-moz-placeholder{color:var(--text-muted);font-size:.85rem}.top-bar-search input::placeholder{color:var(--text-muted);font-size:.85rem}.top-bar-search-btn{display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.top-bar-search-btn:hover{background-color:var(--primary-hover);transform:scale(1.05)}.top-bar-search-btn:active{transform:scale(.95)}.top-bar-search-container{position:relative;z-index:1000;width:100%}.search-results-dropdown{position:absolute;top:calc(100% + .75rem);left:0;width:100%;min-width:320px;max-width:500px;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-xl);max-height:480px;overflow-y:auto;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-list{padding:.5rem}.search-section-header{padding:.75rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.search-result-item:hover{background-color:var(--bg-hover);transform:translate(4px)}.search-result-item:hover .result-arrow{opacity:1;transform:translate(0)}.result-icon{width:36px;height:36px;border-radius:50%;background-color:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-info{flex:1;min-width:0}.result-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-email{font-size:.8rem;color:var(--primary);margin-top:-.1rem;opacity:.8}.result-meta{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.result-arrow{color:var(--primary);opacity:0;transform:translate(-10px);transition:all .2s ease}.search-loading,.search-no-results{padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.9rem}.search-loading .animate-spin{color:var(--primary)}.search-view-all{margin-top:.5rem;padding:.75rem;text-align:center;font-size:.85rem;font-weight:600;color:var(--primary);border-top:1px solid var(--border-light);cursor:pointer}.search-view-all:hover{background-color:var(--primary-light)}.highlighted-term{background-color:#6366f133;color:var(--primary);font-weight:700;padding:0 2px;border-radius:2px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{flex:1;padding:0;border-radius:8px;background-color:var(--bg-card)}@keyframes highlight-fade{0%{background-color:#ffa50066;box-shadow:inset 0 0 0 2px var(--primary)}70%{background-color:#ffa5004d;box-shadow:inset 0 0 0 2px var(--primary)}to{background-color:transparent;box-shadow:inset 0 0 0 2px transparent}}.highlighted-row{animation:highlight-fade 3s cubic-bezier(.4,0,.2,1) forwards!important;position:relative;z-index:10}.highlighted-row td{border-top:1px solid var(--primary)!important;border-bottom:1px solid var(--primary)!important}.highlighted-row td:first-child{border-left:1px solid var(--primary)!important;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.highlighted-row td:last-child{border-right:1px solid var(--primary)!important;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.sidebar-popup-card{position:fixed;background:var(--bg-card);border:1px solid #888cc927;border-radius:1px;box-shadow:0 10px 40px -10px #0000001f,0 8px 16px -8px #00000014;width:340px;z-index:99;max-height:480px;overflow-y:auto;animation:popupSlideIn .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dark-mode .sidebar-popup-card{background:#1e293bd9;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px -10px #00000080}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-popup-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-light);background:#ffffff80}.dark-mode .sidebar-popup-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-popup-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.sidebar-popup-subtitle{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sidebar-popup-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar-popup-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-popup-section-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.sidebar-popup-count-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;border:1px solid var(--border-light)}.sidebar-popup-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-light);transition:all .2s ease}.sidebar-popup-item:hover{border-color:var(--primary);transform:translate(4px);background:var(--bg-card)}.sidebar-popup-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fff}.dark-mode .sidebar-popup-status-dot{box-shadow:0 0 0 2px #1e293b}.sidebar-popup-item-info{flex:1;min-width:0}.sidebar-popup-item-name{font-weight:600;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-popup-item-meta{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.sidebar-popup-empty{padding:2rem 1rem;text-align:center;color:var(--text-placeholder);display:flex;flex-direction:column;align-items:center;gap:.75rem}.sidebar-popup-empty p{margin:0;font-size:.85rem;font-weight:500}.notification-menu-wrapper{position:relative}.notification-bell-button{background:none;border:none;cursor:pointer;position:relative;padding:.5rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease}.notification-bell-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #ef44444d;padding:0 4px}.notification-panel{position:fixed;top:0;right:0;width:450px;max-width:90vw;height:100vh;background:var(--bg-card);border:none;border-left:1px solid var(--border-default);border-radius:0;box-shadow:-10px 0 25px -5px #0000001a;z-index:10000;overflow:hidden;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-panel-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-card) 100%);flex-shrink:0;position:relative}.notification-panel-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.notification-panel-header-left{display:flex;flex-direction:column}.notification-panel-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,#ffd001,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-panel-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.5rem}.notification-panel-subtitle:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-panel-header-actions{display:flex;align-items:center;gap:.75rem}.mark-all-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #7c3aed33}.mark-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed4d;background:linear-gradient(135deg,#6d28d9,#7c3aed)}.notification-close-btn{background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;padding:.5rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:8px;width:36px;height:36px;transition:all .2s ease;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.notification-close-btn:hover{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color);transform:translateY(-1px);box-shadow:0 2px 6px #ef444433;background:var(--bg-hover);color:var(--text-primary)}.notification-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.notification-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;margin:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d}.notification-item:last-child{margin-bottom:1rem}.notification-item:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-light)}.notification-item.unread{background:linear-gradient(135deg,var(--info-bg) 0%,rgba(59,130,246,.05) 100%);border-color:var(--primary-light);box-shadow:0 2px 8px #3b82f61a}.notification-item.unread:before{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 2px #fff,0 0 8px #3b82f64d;animation:pulse 2s infinite}.notification-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.notification-icon-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#fff3,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.notification-icon{display:flex;align-items:center;justify-content:center;z-index:1}.notification-item:hover .notification-icon-wrapper{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #00000026}.notification-content{flex:1;min-width:0;padding-top:2px}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;gap:.5rem}.notification-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em}.notification-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-weight:500;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:6px;border:1px solid var(--border-light)}.notification-description{margin:.5rem 0 0;font-size:.875rem;color:var(--text-secondary);line-height:1.5;font-weight:450}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.notification-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-loading p{margin:0;color:#64748b;font-size:.9rem}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.notification-empty svg{color:var(--border-strong);margin-bottom:1.5rem;opacity:.6}.notification-empty p{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.notification-empty span{font-size:.9rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--border-light)}@media(max-width:768px){.notification-panel{width:100vw;max-width:100vw}.notification-panel-header{padding:1.5rem 1.25rem 1rem}.notification-item{margin:.5rem .75rem;padding:1rem}.notification-icon-wrapper{width:42px;height:42px}.notification-icon svg{width:18px;height:18px}.notification-title{font-size:.9rem}.notification-description{font-size:.8rem}}.theme-toggle-btn{position:relative;width:56px;height:28px;padding:0;border:none;border-radius:30px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);outline:none}.theme-toggle-btn:focus-visible{box-shadow:0 0 0 3px #7c3aed66}.theme-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn.light .theme-toggle-track{background:linear-gradient(135deg,#87ceeb,#60a5fa,#3b82f6);box-shadow:inset 0 2px 4px #0000001a}.theme-toggle-btn.dark .theme-toggle-track{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);box-shadow:inset 0 2px 4px #0000004d}.theme-toggle-thumb{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10}.theme-toggle-btn.light .theme-toggle-thumb{left:3px;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2480,0 0 20px #fbbf244d}.theme-toggle-btn.dark .theme-toggle-thumb{left:31px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 8px #cbd5e166,0 0 15px #cbd5e133}.theme-icon{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.sun-icon{color:#fff}.moon-icon{color:#475569}.theme-toggle-btn.light .sun-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-btn.light .moon-icon{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-toggle-btn.dark .sun-icon{opacity:0;transform:rotate(90deg) scale(.5)}.theme-toggle-btn.dark .moon-icon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1)}.star-1{width:3px;height:3px;top:6px;left:38px;animation:twinkle 1.5s ease-in-out infinite}.star-2{width:2px;height:2px;top:14px;left:44px;animation:twinkle 1.5s ease-in-out .3s infinite}.star-3{width:2px;height:2px;top:20px;left:36px;animation:twinkle 1.5s ease-in-out .6s infinite}.theme-toggle-btn.light .star{opacity:0;transform:scale(0)}.theme-toggle-btn.dark .star{opacity:1;transform:scale(1)}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.theme-toggle-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;background:#fffc;border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.cloud-1{width:12px;height:4px;top:8px;right:8px}.cloud-2{width:8px;height:3px;top:16px;right:14px}.theme-toggle-btn.light .cloud{opacity:1;transform:translate(0)}.theme-toggle-btn.dark .cloud{opacity:0;transform:translate(10px)}.theme-toggle-btn:hover .theme-toggle-thumb{transform:scale(1.05)}.theme-toggle-btn.light:hover .theme-toggle-track{background:linear-gradient(135deg,#7dd3fc,#38bdf8,#0ea5e9)}.theme-toggle-btn.dark:hover .theme-toggle-track{background:linear-gradient(135deg,#312e81,#4338ca,#6366f1)}.theme-toggle-btn:active .theme-toggle-thumb{transform:scale(.95)}