*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}input::placeholder,textarea::placeholder{opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.right-3{right:.75rem}.top-0{top:0}.top-2\.5{top:.625rem}.z-40{z-index:40}.z-50{z-index:50}.my-8{margin-bottom:2rem;margin-top:2rem}.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}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.hidden{display:none}.h-2{height:.5rem}.max-h-56{max-height:14rem}.max-h-96{max-height:24rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.min-h-10{min-height:2.5rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-500\/50{border-color:#3b82f680}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-500\/50{border-color:#6b728080}.border-green-300{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.border-green-500\/50{border-color:#22c55e80}.border-green-600{--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.border-orange-600{--tw-border-opacity:1;border-color:#ea580c;border-color:rgb(234 88 12/var(--tw-border-opacity,1))}.border-pink-600{--tw-border-opacity:1;border-color:#db2777;border-color:rgb(219 39 119/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-red-500\/50{border-color:#ef444480}.border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-slate-700{--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:#fde047;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-500\/50{border-color:#eab30880}.border-yellow-600{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.border-opacity-20{--tw-border-opacity:0.2}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-700\/30{background-color:#3741514d}.bg-gray-950\/70{background-color:#030712b3}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-900\/30{background-color:#14532d4d}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-slate-700{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:#1e293b;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-900{--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-blue-950{--tw-gradient-to:#172554 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-4{padding-left:1rem}.pt-0\.5{padding-top:.125rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-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-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-snug{line-height:1.375}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-50{--tw-text-opacity:1;color:#eff6ff;color:rgb(239 246 255/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:#94a3b8;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--font-size-xs:clamp(0.75rem,2vw,0.875rem);--font-size-sm:clamp(0.875rem,2.5vw,1rem);--font-size-base:clamp(1rem,2.5vw,1.125rem);--font-size-lg:clamp(1.125rem,3vw,1.5rem);--font-size-xl:clamp(1.5rem,3.5vw,2rem);--font-size-2xl:clamp(2rem,4vw,2.5rem);--font-size-3xl:clamp(2.5rem,5vw,3.5rem);--spacing-2xl:clamp(2rem,4vw,3rem);--spacing-3xl:clamp(2.5rem,5vw,4rem);--secondary-light:#34d399;--danger-light:#f87171;--dark-bg:#000;--dark-bg-secondary:#0f0f0f;--dark-bg-tertiary:#1a1a1a;--dark-border:#333;--dark-text:#fff;--dark-text-secondary:#ccc;--dark-text-muted:#888;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-dark-sm:0 1px 3px 0 #00000080;--shadow-dark-md:0 4px 8px 0 #00000080;--shadow-dark-lg:0 10px 20px 0 #0009;--transition-slow:500ms ease-in-out;--gradient-primary:linear-gradient(135deg,#3b82f6,#1e40af);--gradient-secondary:linear-gradient(135deg,#10b981,#059669);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1070}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--gray-50);color:var(--gray-900);letter-spacing:.3px;line-height:1.6}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md);transition:color .3s ease-in-out;transition:color var(--transition-base)}h1{font-size:clamp(2.5rem,5vw,3.5rem);font-size:var(--font-size-3xl)}h2{font-size:clamp(2rem,4vw,2.5rem);font-size:var(--font-size-2xl)}h3{font-size:clamp(1.5rem,3.5vw,2rem);font-size:var(--font-size-xl)}h4{font-size:clamp(1.125rem,3vw,1.5rem);font-size:var(--font-size-lg)}h5,h6,p{font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--font-size-base)}p{line-height:1.7;margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}small{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs)}a{color:#3b82f6;color:var(--primary-color);text-decoration:none;transition:color .3s ease-in-out;transition:color var(--transition-base)}a:hover{color:#1e40af;color:var(--primary-dark)}a:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fadeIn .3s ease-in-out;animation:fadeIn var(--transition-base)}.animate-slide-in-up{animation:slideInUp var(--transition-base)}.animate-scale-in{animation:scaleIn .3s ease-in-out;animation:scaleIn var(--transition-base)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:.75rem;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border:2px solid #f3f4f6;border:2px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1e40af,#059669);background:linear-gradient(180deg,var(--primary-dark),var(--secondary-dark))}*{scrollbar-color:#3b82f6 #f3f4f6;scrollbar-color:var(--primary-color) var(--gray-100);scrollbar-width:auto}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-family:inherit;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}@media (max-width:480px){input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{min-height:48px}}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px #3b82f680;outline:none}input:disabled,select:disabled,textarea:disabled{background-color:#f3f4f6;background-color:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300);color:#6b7280;color:var(--gray-500);cursor:not-allowed;opacity:.6}textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.btn,button{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--font-size-base);font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:center;letter-spacing:.3px;min-height:44px;overflow:hidden;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}@media (max-width:480px){.btn,button{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--font-size-sm);min-height:48px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 15px #3b82f666}.btn-primary:hover:not(:disabled){box-shadow:0 6px 25px #3b82f699}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66;color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 25px #f5576c99;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 4px 15px #f5576c66}.btn-danger:hover:not(:disabled){box-shadow:0 6px 25px #f5576c99;transform:translateY(-2px)}.btn-export,.btn-next,.btn-view{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66;color:#fff}.btn-export:hover:not(:disabled),.btn-next:hover:not(:disabled),.btn-view:hover:not(:disabled){box-shadow:0 6px 25px #4facfe99;transform:translateY(-2px)}.btn-edit{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #3b82f666;color:#fff}.btn-edit:hover:not(:disabled){box-shadow:0 6px 25px #3b82f699;transform:translateY(-2px)}.btn-history{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66;color:#fff}.btn-history:hover:not(:disabled){box-shadow:0 6px 25px #f5576c99;transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 4px 15px #f5576c66;color:#fff}.btn-delete:hover:not(:disabled){box-shadow:0 6px 25px #f5576c99;transform:translateY(-2px)}.btn-outline{background-color:initial;border:2px solid #3b82f6;border:2px solid var(--primary-color);color:#3b82f6;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:#dbeafe;background:var(--primary-lighter);border-color:#1e40af;border-color:var(--primary-dark);color:#1e40af;color:var(--primary-dark)}.btn-sm{font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--font-size-sm);min-height:36px;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:clamp(1.125rem,3vw,1.5rem);font-size:var(--font-size-lg);min-height:52px;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.5rem,3vw,2rem);padding:var(--spacing-lg) var(--spacing-xl)}.card{background-color:#fff;border:1px solid #0000000d;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:clamp(1.5rem,3vw,2rem);padding:var(--spacing-xl);transition:all .3s ease-in-out;transition:all var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-sm{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.card-lg{padding:clamp(2rem,4vw,3rem);padding:var(--spacing-2xl)}.card-gradient{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f0f9ffe6)}.badge{border-radius:9999px;display:inline-block;font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;padding:.35rem .85rem;transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.badge-primary{background-color:#dbeafe;background-color:var(--primary-lighter);border:1px solid #60a5fa;border:1px solid var(--primary-light);color:#1e40af;color:var(--primary-dark)}.badge-success{background-color:#d1fae5;background-color:var(--secondary-lighter);border:1px solid #34d399;border:1px solid var(--secondary-light);color:#059669;color:var(--secondary-dark)}.badge-danger{background-color:#fee2e2;background-color:var(--danger-lighter);border:1px solid #f87171;border:1px solid var(--danger-light);color:#dc2626;color:var(--danger-dark)}.badge-warning{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}table{border-collapse:collapse;font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--font-size-sm);margin-top:clamp(1rem,2.5vw,1.5rem);margin-top:var(--spacing-lg);width:100%}th{background-color:#f3f4f6;background-color:var(--gray-100);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:inherit}@media (max-width:768px){td,th{font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs);padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}}tr:hover{background-color:#f9fafb;background-color:var(--gray-50);transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}tbody tr:last-child td{border-bottom:none}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:.75rem;border-radius:var(--radius-lg);overflow-x:auto}.container{margin:0 auto;padding:0 clamp(.75rem,2vw,1rem);padding:0 var(--spacing-md);width:100%}@media (min-width:480px){.container{padding:0 clamp(1rem,2.5vw,1.5rem);padding:0 var(--spacing-lg)}}@media (min-width:768px){.container{max-width:720px;padding:0 clamp(1rem,2.5vw,1.5rem);padding:0 var(--spacing-lg)}}@media (min-width:1024px){.container{max-width:960px;padding:0}}@media (min-width:1280px){.container{max-width:1200px}}@media (min-width:1536px){.container{max-width:1400px}}.grid{grid-gap:clamp(1rem,2.5vw,1.5rem);grid-gap:var(--spacing-lg);display:grid;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg)}.grid-1,.grid-2{grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr}@media (min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{grid-template-columns:1fr}@media (min-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}body{background-color:#000;background-color:var(--dark-bg)}body,h1,h2,h3,h4,h5,h6,label,p,span{color:#fff;color:var(--dark-text)}a{color:#60a5fa}a:hover{color:#93c5fd}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary);border-color:#333;border-color:var(--dark-border);color:#fff;color:var(--dark-text)}input:focus,select:focus,textarea:focus{background-color:#222;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa4d}input:disabled,select:disabled,textarea:disabled{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary);border-color:#333;border-color:var(--dark-border);color:#888;color:var(--dark-text-muted)}input::placeholder,textarea::placeholder{color:#888;color:var(--dark-text-muted)}option{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary);color:#fff;color:var(--dark-text)}.btn-outline{border-color:#60a5fa;color:#60a5fa}.btn-outline:hover:not(:disabled){background:#60a5fa26;border-color:#93c5fd;color:#93c5fd}.card{background-color:#0f0f0f;background-color:var(--dark-bg-secondary);border-color:#333;border-color:var(--dark-border);box-shadow:0 4px 8px 0 #00000080;box-shadow:var(--shadow-dark-md)}.card:hover{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary);box-shadow:0 10px 20px 0 #0009;box-shadow:var(--shadow-dark-lg)}th{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary)}td,th{border-color:#333;border-color:var(--dark-border);color:#fff;color:var(--dark-text)}tr:hover{background-color:#60a5fa1a}.badge-primary{background-color:#60a5fa33;border-color:#60a5fa;color:#93c5fd}.badge-success{background-color:#10b98133;border-color:#10b981;color:#6ee7b7}.badge-danger{background-color:#ef444433;border-color:#ef4444;color:#f87171}.badge-warning{background-color:#f59e0b33;border-color:#f59e0b;color:#fcd34d}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--dark-bg-tertiary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#34d399);border:2px solid #1a1a1a;border:2px solid var(--dark-bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#93c5fd,#6ee7b7)}.status-active{background-color:#10b98133;border-color:#10b981;color:#6ee7b7}.status-inactive{background-color:#ef444433;border-color:#ef4444;color:#f87171}.status-paused{background-color:#f59e0b33;border-color:#f59e0b;color:#fcd34d}.status-completed{background-color:#3b82f633;border-color:#60a5fa;color:#93c5fd}.status-cancelled{background-color:#ef444433;border-color:#ef4444;color:#f87171}.status-pending{background-color:#f59e0b33;border-color:#f59e0b;color:#fcd34d}.text-gray-600{color:#ccc;color:var(--dark-text-secondary)}.bg-gray-50{background-color:#0f0f0f;background-color:var(--dark-bg-secondary)}.bg-gray-100{background-color:#1a1a1a;background-color:var(--dark-bg-tertiary)}.bg-white{background-color:#0f0f0f;background-color:var(--dark-bg-secondary)}.border-gray-200{border-color:#333;border-color:var(--dark-border)}.skeleton{background:linear-gradient(90deg,#333,#222,#333)}}.status-badge{border:1px solid;font-size:clamp(.75rem,2vw,.875rem);font-size:var(--font-size-xs);padding:.25rem .75rem}.status-active{background-color:#dcfce7;border-color:#10b981;color:#166534}.status-inactive{border-color:#ef4444}.status-paused{border-color:#f59e0b}.status-completed{border-color:#3b82f6}.status-cancelled{background-color:#fecaca;border-color:#ef4444;color:#7f1d1d}.status-pending{background-color:#fed7aa;border-color:#f59e0b;color:#9a3412}.enrollment-item{border:2px solid #e5e7eb;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.enrollment-item:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateX(.25rem)}.enrollment-item.selected{background:linear-gradient(to bottom right,#f0f9ff,#f0fdf4);border-color:#3b82f6}.scrollbar-custom::-webkit-scrollbar{width:8px}.scrollbar-custom::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.75rem;border-radius:var(--radius-lg)}.scrollbar-custom::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:.75rem;border-radius:var(--radius-lg)}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#6b7280}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}@media (prefers-color-scheme:dark){.glass{background:#1e1e1eb3;border:1px solid #60a5fa1a}.scrollbar-custom::-webkit-scrollbar-track{background:#1a1a1a;background:var(--dark-bg-tertiary)}.scrollbar-custom::-webkit-scrollbar-thumb{background:#4b5563}.enrollment-item{border-color:#333;border-color:var(--dark-border)}.enrollment-item:hover{border-color:#60a5fa;box-shadow:0 10px 15px -3px #00000080}.enrollment-item.selected{background:#60a5fa26;border-color:#60a5fa}}.transition-all{transition:all .3s ease-in-out;transition:all var(--transition-base)}.transition-fast{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.transition-slow{transition:all .5s ease-in-out;transition:all var(--transition-slow)}.truncate-2{-webkit-line-clamp:2}.truncate-2,.truncate-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background:linear-gradient(90deg,var(--gray-200),var(--gray-100),var(--gray-200));background-size:200% 100%}.p-responsive{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}@media (min-width:768px){.p-responsive{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}}@media (min-width:1024px){.p-responsive{padding:clamp(1.5rem,3vw,2rem);padding:var(--spacing-xl)}}.sidebar{max-width:280px;transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}@media (max-width:1024px){.sidebar{height:100vh;left:-280px;position:fixed;top:0;z-index:1030;z-index:var(--z-fixed)}.sidebar.open{left:0}}@media (orientation:landscape) and (max-height:600px){body{padding-top:60px}h1{font-size:clamp(1.125rem,3vw,1.5rem);font-size:var(--font-size-lg)}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-2px)}.card:hover{transform:translateY(-4px)}}@media (hover:none) and (pointer:coarse){.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.95)}}@media (min-width:1536px){.container{max-width:1400px}h1{font-size:3.5rem}.btn,button{padding:clamp(1rem,2.5vw,1.5rem) clamp(2rem,4vw,3rem);padding:var(--spacing-lg) var(--spacing-2xl)}}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:#475569;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.hover\:bg-opacity-20:hover{--tw-bg-opacity:0.2}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\:border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.dark\:border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.dark\:border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-green-600{--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.dark\:border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.dark\:border-red-600{--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:border-yellow-600{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.dark\:border-b-gray-700{--tw-border-opacity:1;border-bottom-color:#374151;border-bottom-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-r-gray-700{--tw-border-opacity:1;border-right-color:#374151;border-right-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-t-gray-700{--tw-border-opacity:1;border-top-color:#374151;border-top-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/20{background-color:#1e3a8a33}.dark\:bg-blue-900\/30{background-color:#1e3a8a4d}.dark\:bg-blue-900\/40{background-color:#1e3a8a66}.dark\:bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-700\/50{background-color:#37415180}.dark\:bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/30{background-color:#14532d4d}.dark\:bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark\:bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.dark\:bg-yellow-900\/30{background-color:#713f124d}.dark\:from-blue-800{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:to-blue-900{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.dark\:text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.dark\:hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dark\:hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.dark\:hover\:text-blue-300:hover{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:hover\:shadow-gray-900\/50:hover{--tw-shadow-color:#11182780;--tw-shadow:var(--tw-shadow-colored)}}.login-container{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-1}.login-gradient{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe);background-size:400% 400%;height:150%;position:absolute;width:150%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-wrapper{animation:slideInUp .6s ease-out;max-width:500px;padding:1.5rem;width:100%;z-index:10}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-header{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:2.5rem 1.5rem;position:relative;text-align:center}.login-logo-wrapper{align-items:center;animation:zoomIn .6s ease-out;display:flex;justify-content:center;margin-bottom:.25rem}.login-logo{filter:drop-shadow(0 4px 6px rgba(255,255,255,.2));height:auto;max-width:100%;object-fit:contain;transition:transform .3s ease;width:clamp(120px,30vw,200px)}.login-logo:hover{transform:scale(1.05)}.login-logo--blanco{width:clamp(144px,36vw,240px)}.login-header h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:.75rem 0 .25rem}.login-header p{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:.5rem 0 0}.login-alert,.login-footer,.login-form,.login-info{padding:0 1.5rem}.login-alert{align-items:flex-start;animation:slideIn .3s ease-out;border-radius:.75rem;display:flex;font-size:.95rem;gap:1rem;margin:1.5rem 1.5rem 0;padding:1rem 1.5rem!important}.login-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.login-error strong{color:#991b1b;display:block;margin-bottom:.25rem}.login-error p{color:#7f1d1d;font-size:.9rem;margin:0}.login-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.login-success strong{color:#065f46;display:block;margin-bottom:.25rem}.login-success p{color:#047857;font-size:.9rem;margin:0}.login-alert span{flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.login-form{gap:1.5rem;padding:2rem 1.5rem 1.5rem!important}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:.5rem}.login-form-group label{align-items:center;color:#111827;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#111827;font-family:inherit;font-size:1rem;min-height:44px;padding:.875rem 2.5rem .875rem 1rem;transition:all .3s ease;width:100%}.login-input:focus{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.login-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.login-input::placeholder{color:#9ca3af}.login-toggle-password{background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:1.25rem;min-height:auto;opacity:.6;padding:.5rem;position:absolute;right:.75rem;transition:all .2s ease}.login-toggle-password:hover:not(:disabled){background-color:#f3f4f6;opacity:1}.login-toggle-password:disabled{cursor:not-allowed;opacity:.4}.login-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;min-height:48px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.login-submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.login-info{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.9rem;padding:1.5rem 1.5rem 0!important}.login-info p{margin:.75rem 0 0}.login-info strong{color:#111827}.login-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding:1rem 1.5rem!important;text-align:center}.login-footer p{margin:0}@media (prefers-color-scheme:dark){.login-container{background:#111827}.login-card{background:#1f2937;border-color:#60a5fa33}.login-header{background:linear-gradient(135deg,#1e40af,#1a1a2e)}.login-form-group label,.login-input{color:#f1f5f9}.login-input{background-color:#374151;border-color:#4b5563}.login-input:focus{background-color:#1f2937;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.login-input:disabled{background-color:#111827;border-color:#4b5563;color:#9ca3af}.login-input::placeholder{color:#6b7280}.login-toggle-password:hover:not(:disabled){background-color:#4b5563}.login-info{border-color:#374151;color:#9ca3af}.login-info strong{color:#f1f5f9}.login-footer{background-color:#111827;border-color:#374151;color:#9ca3af}.login-alert{margin:1.5rem 1.5rem 0}.login-error{background-color:#7f1d1d;border-color:#dc2626}.login-error,.login-error strong{color:#fca5a5}.login-error p{color:#fee2e2}.login-success{background-color:#064e3b;border-color:#10b981;color:#86efac}.login-success strong{color:#86efac}.login-success p{color:#d1fae5}}html.dark-mode{--login-bg:#111827;--login-card-bg:#1f2937;--login-text:#f1f5f9}html.dark-mode .login-container{background:#111827}html.dark-mode .login-card{background:#1f2937;border-color:#60a5fa33}html.dark-mode .login-header{background:linear-gradient(135deg,#1e40af,#1a1a2e)}html.dark-mode .login-form-group label{color:#f1f5f9}html.dark-mode .login-input{background-color:#374151;border-color:#4b5563;color:#f1f5f9}html.dark-mode .login-input:focus{background-color:#1f2937;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}@media (max-width:768px){.login-wrapper{padding:1rem}.login-header{padding:2rem 1rem}.login-logo{width:clamp(100px,25vw,160px)}.login-logo--blanco{width:clamp(120px,30vw,190px)}.login-header h1{font-size:1.75rem}.login-header p{font-size:.9rem}.login-form{gap:1.25rem;padding:1.5rem 1rem 1rem!important}.login-info{font-size:.85rem;padding:1rem 1rem 0!important}.login-footer{font-size:.8rem;padding:.75rem 1rem!important}}@media (max-width:480px){.login-wrapper{padding:.75rem}.login-header{padding:1.5rem 1rem}.login-logo{width:clamp(80px,22vw,130px)}.login-logo--blanco{width:clamp(96px,26.4vw,156px)}.login-header h1{font-size:1.5rem;margin:.5rem 0 .25rem}.login-header p{font-size:.85rem}.login-form{gap:1rem;padding:1.25rem 1rem .75rem!important}.login-info{font-size:.8rem;padding:.75rem 1rem 0!important}.login-footer{font-size:.75rem;padding:.5rem 1rem!important}.login-input{font-size:16px;min-height:44px;padding:.75rem 2.25rem .75rem 1rem}.login-submit-btn{font-size:.95rem;min-height:44px;padding:.875rem}.login-alert{font-size:.9rem;margin:1rem 1rem 0!important;padding:.75rem 1rem!important}.login-logo-wrapper{margin-bottom:.25rem}}@media (orientation:landscape) and (max-height:600px){.login-wrapper{padding:.5rem}.login-header{padding:1rem .75rem}.login-logo{width:clamp(60px,18vw,100px)}.login-logo--blanco{width:clamp(72px,21.6vw,120px)}.login-header h1{font-size:1.25rem;margin:.25rem 0}.login-header p{font-size:.8rem;margin:.25rem 0 0}.login-form{gap:.75rem;padding:1rem .75rem .5rem!important}.login-info{font-size:.75rem;padding:.5rem .75rem 0!important}.login-footer{font-size:.7rem;padding:.4rem .75rem!important}.login-input{font-size:.9rem;min-height:36px;padding:.6rem 2rem .6rem .75rem}.login-submit-btn{font-size:.85rem;min-height:36px;padding:.6rem}.login-alert{font-size:.8rem;margin:.75rem .75rem 0!important;padding:.6rem .75rem!important}}@media (prefers-reduced-motion:reduce){.login-alert,.login-gradient,.login-logo-wrapper,.login-wrapper{animation:none!important}.login-input,.login-logo,.login-submit-btn{transition:none}}.login-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.login-submit-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.login-toggle-password:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}:root{--danger-bg:#fee2e2}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#475569;--danger-bg:#7f1d1d;--error-text:#fca5a5}}html.dark-mode{--danger-bg:#7f1d1d}.protected-route__loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.protected-route__loading-content{animation:fadeIn .3s ease-out;color:#fff;text-align:center}.protected-route__spinner{animation:spin 1s linear infinite;font-size:clamp(2rem,10vw,3rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.protected-route__loading-text{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);font-weight:500;margin:0}.protected-route__modal-overlay{align-items:center;animation:fadeIn .4s ease-out;background-color:#f9fafb;background-color:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.protected-route__modal-container{animation:slideInUp .4s ease-out;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-width:600px;padding:clamp(1.5rem,5vw,3rem);text-align:center;width:100%}.protected-route__logo-wrapper{align-items:center;animation:zoomIn .5s ease-out;display:flex;justify-content:center;margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:auto;max-width:100%;object-fit:contain;transition:transform .3s ease-in-out;transition:transform var(--transition-base);width:clamp(96px,24vw,180px)}.protected-route__logo:hover{transform:scale(1.05)}.protected-route__logo-wrapper--small{align-items:center;display:flex;justify-content:center;margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__logo--small{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:auto;max-width:100%;object-fit:contain;width:clamp(72px,18vw,120px)}.protected-route__modal-title{color:#ef4444;color:var(--danger-color);font-size:clamp(1.5rem,4vw,1.75rem);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.5px;margin:0 0 clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__modal-description{color:#4b5563;color:var(--text-secondary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);line-height:1.6;margin:0 0 clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl)}.protected-route__info-box{animation:slideInLeft .5s ease-out;background-color:#f3f4f6;background-color:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg);text-align:left}.protected-route__info-title{color:#111827;color:var(--text-primary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:600;margin:0 0 clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__info-list{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.protected-route__info-list li{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);line-height:1.6;padding:clamp(.25rem,1vw,.5rem) 0;padding:var(--spacing-xs) 0}.protected-route__info-list li:last-child{border-bottom:none}.protected-route__info-list strong{color:#111827;color:var(--text-primary);display:inline-block;font-weight:600;min-width:90px}.protected-route__instructions-box{animation:slideInRight .5s ease-out;background-color:#f0f9ff;border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (prefers-color-scheme:dark){.protected-route__instructions-box{background-color:#3b82f626;border-left-color:#93c5fd;border-left-color:var(--primary-light)}}html.dark-mode .protected-route__instructions-box{background-color:#3b82f626;border-left-color:#93c5fd;border-left-color:var(--primary-light)}.protected-route__instructions-text{color:#1e40af;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);line-height:1.6;margin:0}@media (prefers-color-scheme:dark){.protected-route__instructions-text{color:#93c5fd}}html.dark-mode .protected-route__instructions-text{color:#93c5fd}.protected-route__instructions-text strong{display:block;font-weight:600;margin-bottom:clamp(.5rem,1.5vw,.75rem);margin-bottom:var(--spacing-sm)}.protected-route__btn-logout{align-items:center;background-color:#ef4444;background-color:var(--danger-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;display:flex;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}.protected-route__btn-logout:hover{background-color:#dc2626;background-color:var(--danger-dark);box-shadow:0 6px 20px #ef444459;transform:translateY(-2px)}.protected-route__btn-logout:active{transform:translateY(0)}.protected-route__modal-container--error{padding:clamp(2rem,5vw,2.5rem)}.protected-route__error-code{color:#ef4444;color:var(--danger-color);font-size:clamp(3rem,15vw,5rem);font-weight:700;line-height:1;margin:0 0 clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.protected-route__error-title{color:#111827;color:var(--text-primary);font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--font-size-xl);font-weight:600;margin:0 0 clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__error-description{color:#4b5563;color:var(--text-secondary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);line-height:1.6;margin:0 0 clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl)}.protected-route__help-box{background-color:#f3f4f6;background-color:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.protected-route__help-title{color:#111827;color:var(--text-primary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:600;margin:0 0 clamp(.5rem,1.5vw,.75rem);margin-bottom:var(--spacing-sm)}.protected-route__help-text{color:#4b5563;color:var(--text-secondary);line-height:1.5;margin:0}.protected-route__btn-back,.protected-route__help-text{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm)}.protected-route__btn-back{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f633;color:#fff;display:inline-flex;font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,3vw,2rem);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-base)}.protected-route__btn-back:hover{background-color:#1e40af;background-color:var(--primary-dark);box-shadow:0 6px 20px #3b82f659;text-decoration:none;transform:translateY(-2px)}.protected-route__btn-back:active{transform:translateY(0)}@media (max-width:768px){.protected-route__modal-container{padding:clamp(1.5rem,4vw,2rem)}.protected-route__logo{width:clamp(84px,20vw,140px)}.protected-route__modal-title{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--font-size-xl)}.protected-route__help-box,.protected-route__info-box{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.protected-route__help-title,.protected-route__info-title{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm)}.protected-route__help-text,.protected-route__info-list li,.protected-route__instructions-text{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}}@media (max-width:480px){.protected-route__modal-overlay{min-height:100dvh;padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.protected-route__modal-container{max-width:100%;padding:clamp(1rem,3vw,1.5rem)}.protected-route__logo{margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);width:clamp(72px,19vw,120px)}.protected-route__modal-title{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);margin-bottom:clamp(.5rem,1.5vw,.75rem);margin-bottom:var(--spacing-sm)}.protected-route__error-description,.protected-route__modal-description{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.protected-route__help-box,.protected-route__info-box,.protected-route__instructions-box{margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.protected-route__info-list li{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);padding:clamp(.25rem,1vw,.5rem) 0;padding:var(--spacing-xs) 0}.protected-route__info-list strong{margin-right:clamp(.25rem,1vw,.5rem);margin-right:var(--spacing-xs);min-width:auto}.protected-route__error-code{font-size:clamp(2.5rem,12vw,3.5rem);margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md)}.protected-route__error-title{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);margin-bottom:clamp(.5rem,1.5vw,.75rem);margin-bottom:var(--spacing-sm)}.protected-route__btn-back,.protected-route__btn-logout{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);min-height:48px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);width:100%}.protected-route__loading-spinner{font-size:clamp(1.5rem,8vw,2.5rem)}}@media print{.protected-route__modal-overlay{min-height:auto}.protected-route__modal-container{border:1px solid #ccc;box-shadow:none}.protected-route__btn-back,.protected-route__btn-logout{display:none}}@media (prefers-reduced-motion:reduce){.protected-route__info-box,.protected-route__instructions-box,.protected-route__loading-content,.protected-route__logo,.protected-route__modal-container{animation:none!important;transition:none!important}}.protected-route__btn-back:focus,.protected-route__btn-logout:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:more){.protected-route__help-box,.protected-route__info-box,.protected-route__instructions-box,.protected-route__modal-container{border-width:2px}.protected-route__btn-back,.protected-route__btn-logout{border:2px solid}}.required-password-change-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.required-password-change-modal{animation:slideIn .4s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:95vh;max-width:605px;overflow:visible;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.rpc-header{background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:1rem 1rem 0 0;color:#fff;flex-shrink:0;padding:2.42rem 1.815rem 1.21rem;position:relative;text-align:center}.rpc-logo-wrapper{align-items:center;animation:zoomIn .5s ease-out;display:flex;justify-content:center;margin-bottom:.33rem}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rpc-logo{filter:drop-shadow(0 4px 6px rgba(255,255,255,.2));height:auto;max-width:100%;object-fit:contain;transition:transform .3s ease;width:clamp(85px,24vw,133px)}.rpc-logo:hover{transform:scale(1.05)}.rpc-header h1{color:#fff;font-size:1.815rem;font-weight:700;margin:.242rem 0 .121rem}.rpc-header p{color:#ffffffe6;font-size:1.034rem;margin:.121rem 0 0;opacity:.95}.rpc-content{flex:1 1;max-height:calc(95vh - 270px);overflow-y:auto;padding:1.21rem 1.815rem}.rpc-content::-webkit-scrollbar{width:6px}.rpc-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:.5rem}.rpc-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:.5rem}.rpc-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.rpc-error-box,.rpc-info-box,.rpc-success-box{align-items:flex-start;border-radius:.75rem;display:flex;font-size:1.089rem;gap:1rem;margin-bottom:1.21rem;padding:.9075rem}.rpc-info-box{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.rpc-error-icon,.rpc-info-icon,.rpc-success-icon{flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.rpc-info-box strong{color:#1e40af;display:block;font-weight:700;margin-bottom:.25rem}.rpc-info-box p{color:#1e3a8a;font-size:.9rem;margin:0}.rpc-error-box{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.rpc-error-box strong{color:#991b1b;display:block;font-weight:700;margin-bottom:.25rem}.rpc-error-box p{color:#7f1d1d;font-size:.9rem;margin:0}.rpc-success-box{animation:slideIn .3s ease-out;background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.rpc-success-box strong{color:#065f46;display:block;font-weight:700;margin-bottom:.25rem}.rpc-success-box p{color:#047857;font-size:.9rem;margin:0}.rpc-form{gap:1.21rem}.rpc-form,.rpc-form-group{display:flex;flex-direction:column}.rpc-form-group{gap:.5rem}.rpc-form-group label{align-items:center;color:#111827;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between}.rpc-input-wrapper{align-items:center;display:flex;position:relative}.rpc-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;font-family:inherit;font-size:1.155rem;min-height:53px;padding:.9075rem 3.025rem .9075rem 1.21rem;transition:all .3s ease;width:100%}.rpc-input:focus{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rpc-input-readonly{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.rpc-input-readonly:focus{background-color:#f3f4f6;border-color:#e5e7eb;box-shadow:none}.rpc-input::placeholder{color:#9ca3af}.rpc-toggle-password{background:none;border:none;border-radius:.5rem;cursor:pointer;font-size:1.25rem;min-height:auto;opacity:.6;padding:.5rem;position:absolute;right:.75rem;transition:all .2s ease}.rpc-toggle-password:hover:not(:disabled){background-color:#f3f4f6;opacity:1}.rpc-toggle-password:disabled{cursor:not-allowed;opacity:.4}.rpc-toggle-password:focus{outline:none}.rpc-help-text{color:#6b7280;font-size:.85rem;margin-top:.25rem}.rpc-readonly-badge{background-color:#fee2e2;border-radius:.375rem;color:#991b1b;font-size:.75rem;font-style:normal;font-weight:600;padding:.25rem .75rem}.rpc-requirements{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin:.3025rem 0 .9075rem;padding:.9075rem}.rpc-requirements strong{color:#111827;display:block;font-size:.9rem;margin-bottom:.75rem}.rpc-requirements ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.rpc-requirements li{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.5rem;transition:all .3s ease}.rpc-requirements li.done{color:#10b981;font-weight:600}.rpc-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.21rem;font-weight:700;gap:.9075rem;justify-content:center;min-height:53px;overflow:hidden;padding:1.056rem;position:relative;transition:all .3s ease;width:100%}.rpc-submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.rpc-submit-btn:active:not(:disabled){transform:translateY(0)}.rpc-submit-btn:disabled{cursor:not-allowed;opacity:.7}.rpc-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.rpc-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;flex-shrink:0;font-size:.968rem;padding:.9075rem 1.815rem;text-align:center}.rpc-footer p{margin:0}@media (prefers-color-scheme:dark){.required-password-change-modal{background:#1f2937;color:#f1f5f9}.rpc-input{background-color:#374151;border-color:#4b5563;color:#f1f5f9}.rpc-input:focus{background-color:#1f2937;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.rpc-input-readonly{background-color:#111827;color:#9ca3af}.rpc-input::placeholder{color:#6b7280}.rpc-form-group label{color:#f1f5f9}.rpc-requirements{background-color:#111827;border-color:#374151;color:#e5e7eb}.rpc-help-text{color:#9ca3af}.rpc-info-box{background-color:#1e3a8a;border-color:#1e40af;color:#93c5fd}.rpc-info-box strong{color:#93c5fd}.rpc-info-box p{color:#bfdbfe}.rpc-error-box{background-color:#7f1d1d;border-color:#dc2626;color:#fca5a5}.rpc-error-box strong{color:#fca5a5}.rpc-error-box p{color:#fee2e2}.rpc-success-box{background-color:#064e3b;border-color:#10b981;color:#86efac}.rpc-success-box strong{color:#86efac}.rpc-success-box p{color:#d1fae5}.rpc-footer{background-color:#111827;border-color:#374151}.rpc-footer,.rpc-toggle-password{color:#9ca3af}.rpc-toggle-password:hover:not(:disabled){background-color:#374151}.rpc-readonly-badge{background-color:#7f1d1d;color:#fca5a5}.rpc-header h1{color:#fff}.rpc-header p{color:#ffffffe6}}@media (max-width:480px){.required-password-change-modal{border-radius:.75rem}.rpc-header{padding:1.815rem 1.21rem .9075rem}.rpc-logo{width:clamp(73px,18.15vw,116px)}.rpc-header h1{font-size:1.5rem}.rpc-header p{font-size:.9rem}.rpc-content{padding:1.5rem 1rem}.rpc-form-group label{font-size:.9rem}.rpc-input{font-size:16px;padding:.75rem 2.25rem .75rem 1rem}.rpc-requirements{padding:.75rem}.rpc-footer{font-size:.8rem;padding:.75rem 1rem}.rpc-form{gap:1.25rem}}@media (orientation:landscape) and (max-height:600px){.required-password-change-overlay{padding:.5rem}.required-password-change-modal{max-height:90vh}.rpc-header{padding:1.815rem}.rpc-logo{width:clamp(61px,14.52vw,97px)}.rpc-header h1{font-size:1.25rem;margin:.25rem 0}.rpc-header p{font-size:.85rem}.rpc-content{padding:1rem 1.5rem}.rpc-form{gap:1rem}}:root{--sidebar-bg:#1f2937;--sidebar-border:#374151;--sidebar-text:#fff;--sidebar-text-secondary:#9ca3af;--sidebar-hover:#374151;--sidebar-active:#2563eb;--topbar-bg:#fff;--topbar-text:#1f2937;--topbar-border:#e5e7eb;--content-bg:#f3f4f6;--content-text:#111827;--content-text-secondary:#6b7280;--logout-bg:#dc2626;--logout-hover:#b91c1c}@media (prefers-color-scheme:dark){:root{--sidebar-bg:#0f172a;--sidebar-border:#334155;--sidebar-text:#f1f5f9;--sidebar-text-secondary:#cbd5e1;--sidebar-hover:#1e293b;--sidebar-active:#1e40af;--topbar-bg:#1e293b;--topbar-text:#f1f5f9;--topbar-border:#334155;--content-bg:#0f172a;--content-text:#f1f5f9;--content-text-secondary:#cbd5e1}}html.dark-mode{--sidebar-bg:#0f172a;--sidebar-border:#334155;--sidebar-text:#f1f5f9;--sidebar-text-secondary:#cbd5e1;--sidebar-hover:#1e293b;--sidebar-active:#1e40af;--topbar-bg:#1e293b;--topbar-text:#f1f5f9;--topbar-border:#334155;--content-bg:#0f172a;--content-text:#f1f5f9;--content-text-secondary:#cbd5e1}body{color:var(--content-text);overflow:hidden}.dashboard-layout{background-color:#f3f4f6;background-color:var(--content-bg);display:flex;height:100vh;transition:all .3s ease-in-out;transition:all var(--transition-base)}.dashboard-layout__sidebar{background-color:#1f2937;background-color:var(--sidebar-bg);border-right:1px solid #374151;border-right:1px solid var(--sidebar-border);box-shadow:0 10px 15px -3px #0000001a;color:#fff;color:var(--sidebar-text);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:width .3s ease-in-out;transition:width var(--transition-base);width:16rem;z-index:100}.dashboard-layout__sidebar--collapsed{width:5rem}.dashboard-layout__sidebar-header{border-bottom:1px solid #374151;border-bottom:1px solid var(--sidebar-border);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.dashboard-layout__sidebar-toggle{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm);text-align:left;transition:background-color .3s ease-in-out;transition:background-color var(--transition-base);width:100%}.dashboard-layout__sidebar-toggle:hover{background-color:#374151;background-color:var(--sidebar-hover)}.dashboard-layout__sidebar-title{color:#fff;color:var(--sidebar-text);font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);font-weight:700;margin-bottom:0;margin-top:clamp(1rem,2.5vw,1.5rem);margin-top:var(--spacing-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout__menu{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);overflow-x:hidden;overflow-y:auto;padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.dashboard-layout__menu::-webkit-scrollbar{width:6px}.dashboard-layout__menu::-webkit-scrollbar-track{background:#0000}.dashboard-layout__menu::-webkit-scrollbar-thumb{background:#374151;background:var(--sidebar-border);border-radius:3px}.dashboard-layout__menu::-webkit-scrollbar-thumb:hover{background:#374151;background:var(--sidebar-hover)}.dashboard-layout__menu-item{align-items:center;background-color:initial;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:500;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg);min-height:44px;overflow:hidden;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap;width:100%}.dashboard-layout__menu-item:hover{background-color:#374151;background-color:var(--sidebar-hover)}.dashboard-layout__menu-item--active{font-weight:600}.dashboard-layout__menu-item--active,.dashboard-layout__menu-item--active:hover{background-color:#2563eb;background-color:var(--sidebar-active)}.dashboard-layout__menu-icon{flex-shrink:0;font-size:1.25rem;min-width:1.5rem;text-align:center}.dashboard-layout__menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout__sidebar-user{border-top:1px solid #374151;border-top:1px solid var(--sidebar-border);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.dashboard-layout__user-info{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);overflow:hidden}.dashboard-layout__user-name{color:#fff;color:var(--sidebar-text);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout__user-roles{color:#9ca3af;color:var(--sidebar-text-secondary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);margin:clamp(.25rem,1vw,.5rem) 0 0;margin:var(--spacing-xs) 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout__logout-btn{align-items:center;background-color:#dc2626;background-color:var(--logout-bg);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:500;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:flex-start;min-height:44px;overflow:hidden;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:background-color .3s ease-in-out;transition:background-color var(--transition-base);white-space:nowrap;width:100%}.dashboard-layout__logout-btn:hover{background-color:#b91c1c;background-color:var(--logout-hover)}.dashboard-layout__logout-btn:active{transform:scale(.98)}.dashboard-layout__logout-icon{flex-shrink:0;font-size:1.25rem;min-width:1.5rem}.dashboard-layout__main{background-color:#f3f4f6;background-color:var(--content-bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-layout__topbar{background-color:#fff;background-color:var(--topbar-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--topbar-border);box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;justify-content:space-between;padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.dashboard-layout__topbar,.dashboard-layout__topbar-left{align-items:center;display:flex;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg)}.dashboard-layout__topbar-left{flex:1 1;min-width:0}.dashboard-layout__topbar-title{color:#1f2937;color:var(--topbar-text);font-size:clamp(1.5rem,4vw,1.75rem);font-size:var(--font-size-2xl)}.dashboard-layout__topbar-welcome{color:#6b7280;color:var(--content-text-secondary);flex-shrink:0;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);white-space:nowrap}.dashboard-layout__content{-webkit-overflow-scrolling:touch;background-color:#f3f4f6;background-color:var(--content-bg);color:#111827;color:var(--content-text);flex:1 1;overflow-y:auto;padding:clamp(1.5rem,3vw,2rem);padding:var(--spacing-xl)}.dashboard-layout__content::-webkit-scrollbar{width:8px}.dashboard-layout__content::-webkit-scrollbar-track{background:#374151;background:var(--sidebar-hover)}.dashboard-layout__content::-webkit-scrollbar-thumb{background:#374151;background:var(--sidebar-border);border-radius:4px}.dashboard-layout__content::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--sidebar-active)}@media (max-width:1024px){.dashboard-layout__sidebar{width:14rem}.dashboard-layout__sidebar--collapsed{width:4.5rem}.dashboard-layout__menu-label,.dashboard-layout__sidebar-title,.dashboard-layout__user-info{display:none}.dashboard-layout__topbar{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg)}.dashboard-layout__topbar-title{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--font-size-xl)}.dashboard-layout__topbar-welcome{display:none}.dashboard-layout__content{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}}@media (max-width:768px){.dashboard-layout__sidebar{border-right:1px solid #374151;border-right:1px solid var(--sidebar-border);border-top:none;flex-direction:column;height:100vh;position:static;width:5rem;z-index:auto}.dashboard-layout__sidebar--collapsed{width:5rem}.dashboard-layout__sidebar-header{border-bottom:1px solid #374151;border-bottom:1px solid var(--sidebar-border);display:flex;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.dashboard-layout__sidebar-toggle{font-size:1.25rem;min-height:40px}.dashboard-layout__menu{flex:1 1;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);overflow-x:hidden;overflow-y:auto}.dashboard-layout__menu,.dashboard-layout__menu-item{padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.dashboard-layout__menu-item{align-items:center;flex-direction:column;gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs);justify-content:center;min-width:auto;width:100%}.dashboard-layout__menu-label,.dashboard-layout__sidebar-user{display:none}.dashboard-layout__main{flex:1 1;height:100vh}.dashboard-layout__topbar{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.dashboard-layout__topbar-title{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg)}.dashboard-layout__topbar-welcome{display:none}.dashboard-layout__topbar-left{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.dashboard-layout__content{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}}@media (max-width:480px){.dashboard-layout__sidebar{border-right:1px solid #374151;border-right:1px solid var(--sidebar-border);flex-direction:column;height:100vh;position:static;width:4.5rem;z-index:auto}.dashboard-layout__sidebar-header{border-bottom:1px solid #374151;border-bottom:1px solid var(--sidebar-border);display:flex;padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.dashboard-layout__sidebar-toggle{font-size:1rem;min-height:36px}.dashboard-layout__menu{flex:1 1;flex-direction:column;gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs);overflow-x:hidden;overflow-y:auto}.dashboard-layout__menu,.dashboard-layout__menu-item{padding:clamp(.25rem,1vw,.5rem);padding:var(--spacing-xs)}.dashboard-layout__menu-item{align-items:center;flex-direction:column;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);gap:2px;justify-content:center;min-width:auto;width:100%}.dashboard-layout__menu-icon{font-size:1rem}.dashboard-layout__menu-label,.dashboard-layout__sidebar-user{display:none}.dashboard-layout__main{flex:1 1;height:100vh}.dashboard-layout__topbar{gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs);padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.dashboard-layout__topbar-left{flex-direction:row;gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs);width:100%}.dashboard-layout__topbar-title{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg)}.dashboard-layout__topbar-welcome{display:none}.dashboard-layout__content{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}}@media (max-width:1024px){.dashboard-layout__sidebar--collapsed .dashboard-layout__menu-icon{min-width:auto}.dashboard-layout__sidebar--collapsed .dashboard-layout__logout-btn{justify-content:center}}@media print{.dashboard-layout__sidebar,.dashboard-layout__topbar{display:none}.dashboard-layout{flex-direction:column}.dashboard-layout__main{height:auto}.dashboard-layout__content{overflow:visible;padding:0}}.dashboard-topbar{background:linear-gradient(135deg,#fff,#f9fafb);border-bottom:2px solid #e5e7eb;gap:1.5rem;padding:1rem 1.5rem;width:100%}.dashboard-topbar,.dashboard-topbar__logo-wrapper{align-items:center;display:flex;transition:all .3s ease}.dashboard-topbar__logo-wrapper{animation:slideInLeft .5s ease-out;flex-shrink:0;justify-content:center}.dashboard-topbar__logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:auto;object-fit:contain;width:50px}.dashboard-topbar__logo:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transform:scale(1.05)}.dashboard-topbar__logo--dorado{display:block}.dashboard-topbar__logo--negro{display:none}.dashboard-layout__topbar-title{color:#111827;flex:1 1;font-size:1.75rem;font-weight:700;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}@media (prefers-color-scheme:dark){.dashboard-topbar{background:linear-gradient(335deg,#1f2937,#1f2937);border-bottom-color:#1f2937}.dashboard-topbar__logo--dorado{display:none}.dashboard-topbar__logo--negro{display:block}.dashboard-layout__topbar-title{color:#f1f5f9}}@media (max-width:1024px){.dashboard-topbar{gap:1rem;padding:.875rem 1.25rem}.dashboard-topbar__logo{width:45px}.dashboard-layout__topbar-title{font-size:1.5rem}}@media (max-width:768px){.dashboard-topbar__logo-wrapper{display:none!important}.dashboard-topbar{gap:0;justify-content:center;padding:.75rem 1rem}.dashboard-layout__topbar-title{font-size:1.25rem;text-align:center}}@media (max-width:480px){.dashboard-topbar{padding:.625rem .75rem}.dashboard-layout__topbar-title{font-size:1.1rem}}@media (orientation:landscape) and (max-height:600px){.dashboard-topbar{gap:1rem;padding:.5rem 1rem}.dashboard-topbar__logo{width:40px}.dashboard-layout__topbar-title{font-size:1.3rem}}.dashboard-topbar__logo{transition:all .3s ease}.dashboard-topbar__logo:focus-visible{border-radius:.25rem;outline:2px solid #3b82f6;outline-offset:2px}.dashboard-page{background-color:#f9fafb;color:#1f2937;min-height:100vh;transition:background-color .3s ease,color .3s ease;width:100%}.page-container{max-width:1400px;padding:24px}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;margin:0 0 8px}.page-header p{color:#6b7280;font-size:16px;margin:0}.alert{border:1px solid;border-radius:8px;font-size:14px;margin-bottom:24px;padding:12px 16px}.alert-danger{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.alert strong{font-weight:600}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.stat-card-primary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.stat-card-export{background:linear-gradient(135deg,#06b6d4,#0369a1);color:#fff}.stat-card-secondary{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.stat-card-rocios{background:linear-gradient(135deg,#a55fbc,#270449);color:#fff}.stat-card-radicales{background:linear-gradient(135deg,#61ef44,#065a17);color:#fff}.stat-card-danger{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff}.stat-card-content{display:flex;justify-content:space-between}.stat-card-title{font-size:14px;font-weight:500;margin:0;opacity:.9}.stat-card-value{font-size:36px;font-weight:700;margin-top:12px}.stat-card-icon{font-size:48px;opacity:.2}.quick-access-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:28px}.quick-access-section h2{font-size:20px;font-weight:700;margin-bottom:20px}.quick-access-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-access-card{border:2px solid #0000;border-radius:8px;padding:20px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-access-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.quick-access-primary{background-color:#eff6ff;border-color:#93c5fd}.quick-access-export{background-color:#ecf8ff;border-color:#7dd3fc}.quick-access-secondary{background-color:#fdf2f8;border-color:#fbcfe8}.qa-icon{font-size:32px}.qa-title{color:#1f2937;font-size:15px;font-weight:600;margin-top:4px}.qa-description{color:#6b7280;font-size:13px}.summary-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:28px}.summary-section h2{font-size:20px;font-weight:700;margin-bottom:16px}.summary-text{color:#6b7280;font-size:15px;line-height:1.6}.role-info{background-color:#f3f4f6;border-left:4px solid #2563eb;border-radius:6px;font-size:14px;padding:12px 16px}@media (prefers-color-scheme:dark){.dashboard-page{background-color:#0f172a;color:#f3f4f6}.page-header p{color:#9ca3af}.quick-access-section,.summary-section{background-color:#1e293b;box-shadow:0 2px 8px #0000004d}.quick-access-primary{background-color:#0c2d54;border-color:#3b82f6}.quick-access-export{background-color:#0c3d4d;border-color:#22d3ee}.quick-access-secondary{background-color:#500724;border-color:#ec4899}.qa-title{color:#f3f4f6}.qa-description{color:#9ca3af}.summary-text{color:#d1d5db}.role-info{background-color:#1f2937;color:#f3f4f6}}@media (max-width:768px){.page-container{padding:16px}.page-header h1{font-size:24px}.quick-access-grid,.stats-grid{grid-template-columns:1fr}.stat-card-value{font-size:28px}}:root{--filter-gradient-start:#667eea;--filter-gradient-end:#764ba2;--filter-accent:#1515a2;--filter-accent-light:#2a0333;--bg-input:#fff;--error-bg:#fee2e2;--error-text:#991b1b;--spacing-3xl:clamp(2rem,4vw,3rem)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-input:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-white:#f1f5f9;--border-color:#334155;--border-light:#475569;--error-bg:#7f1d1d;--error-text:#fca5a5}}html.dark-mode{--bg-input:#1e293b;--error-bg:#7f1d1d;--error-text:#fca5a5}.members-page{background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);min-height:100vh;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base)}.members-page-container{flex-direction:column;margin:0 auto;max-width:1200px}.members-page-container,.members-page__header{display:flex;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg)}.members-page__header{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.members-page__header-content h1{color:#111827;color:var(--text-primary);font-size:clamp(1.5rem,4vw,1.75rem);font-size:var(--font-size-2xl);font-weight:700;margin:0}.members-page__header-content p{color:#4b5563;color:var(--text-secondary);margin-bottom:0;margin-top:clamp(.25rem,1vw,.5rem);margin-top:var(--spacing-xs)}.members-page__btn-add,.members-page__header-content p{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm)}.members-page__btn-add{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}@media (max-width:480px){.members-page__btn-add{min-height:48px;width:100%}}.members-page__btn-add:hover:not(:disabled){background-color:#1e40af;background-color:var(--primary-dark);box-shadow:0 6px 25px #3b82f666;transform:translateY(-2px)}.members-page__btn-add:active:not(:disabled){transform:scale(.98)}.members-page__error{animation:slideInUp .3s ease-out;background-color:#fee2e2;background-color:var(--error-bg);border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#991b1b;color:var(--error-text);font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm)}.members-page__error,.members-page__form-container{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.members-page__form-container{animation:slideInUp .4s ease-out;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.members-page__form-title{color:#111827;color:var(--text-primary);font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--font-size-xl);font-weight:700}.members-page__form-error,.members-page__form-title{margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.members-page__form-error{background-color:#fee2e2;background-color:var(--error-bg);border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#991b1b;color:var(--error-text);font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.members-page__form-error p{margin:0;white-space:pre-wrap}.members-page__form-error strong{display:block;font-weight:700;margin-bottom:clamp(.5rem,1.5vw,.75rem);margin-bottom:var(--spacing-sm)}.members-page__form{grid-gap:clamp(1rem,2.5vw,1.5rem);grid-gap:var(--spacing-lg);display:grid;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.members-page__form-group{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__form-group--full{grid-column:1/-1}.members-page__form-label{color:#111827;color:var(--text-primary);display:block;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.members-page__form-input,.members-page__form-select{background-color:#fff;background-color:var(--bg-input);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:inherit;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}@media (max-width:480px){.members-page__form-input,.members-page__form-select{font-size:16px;min-height:48px}}.members-page__form-input::placeholder{color:#6b7280;color:var(--text-tertiary)}.members-page__form-input:focus,.members-page__form-select:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px #3b82f680;outline:none}.members-page__leader-search{grid-column:1/-1;position:relative}.members-page__leader-input-wrapper{position:relative}.members-page__leader-clear{background:none;border:none;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm);position:absolute;right:clamp(1rem,2.5vw,1.5rem);right:var(--spacing-lg);top:50%;transform:translateY(-50%)}.members-page__leader-dropdown{background-color:#fff;background-color:var(--bg-input);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-top:clamp(.5rem,1.5vw,.75rem);margin-top:var(--spacing-sm);max-height:12rem;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:50}.members-page__leader-option{background-color:initial;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);cursor:pointer;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);text-align:left;transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);width:100%}.members-page__leader-option:hover{background-color:#f3f4f6;background-color:var(--bg-tertiary)}.members-page__leader-option-name{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);font-weight:700}.members-page__leader-option-email{color:#4b5563;color:var(--text-secondary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}.members-page__leader-selected{background-color:#dbeafe;background-color:var(--primary-lighter);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:clamp(.75rem,2vw,1rem);margin-top:var(--spacing-md);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}@media (prefers-color-scheme:dark){.members-page__leader-selected{background-color:#3b82f633;border-color:#3b82f6;border-color:var(--primary-color)}}.members-page__leader-selected p{color:#111827;color:var(--text-primary);margin:0}.members-page__form-submit,.members-page__leader-selected p{font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);font-weight:700}.members-page__form-submit{background-color:#10b981;background-color:var(--secondary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;grid-column:1/-1;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}@media (max-width:480px){.members-page__form-submit{min-height:48px}}.members-page__form-submit:hover:not(:disabled){background-color:#047857;background-color:var(--secondary-dark);box-shadow:0 6px 25px #10b98166;transform:translateY(-2px)}.members-page__form-submit:active:not(:disabled){transform:scale(.98)}.members-page__search-container{background-color:#fff;background-color:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.members-page__search-container,.members-page__search-input{border:1px solid #e5e7eb;border:1px solid var(--border-color)}.members-page__search-input{background-color:#fff;background-color:var(--bg-input);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}.members-page__search-input:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.members-page__search-info{color:#4b5563;color:var(--text-secondary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);margin-bottom:0;margin-top:clamp(.5rem,1.5vw,.75rem);margin-top:var(--spacing-sm)}.members-page__filters-panel{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--filter-gradient-start) 0,var(--filter-gradient-end) 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #667eea33;margin:clamp(1rem,2.5vw,1.5rem) 0;margin:var(--spacing-lg) 0;padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.members-page__filters-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg);justify-content:space-between;margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.members-page__filters-header h3{font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);margin:0}.members-page__btn-clear-filters,.members-page__filters-header h3{align-items:center;color:#fff;display:flex;font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__btn-clear-filters{background:#ffffff40;border:2px solid #ffffff80;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);min-height:40px;padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.members-page__btn-clear-filters:hover{background:#ffffff59;border-color:#fff;box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.members-page__btn-clear-filters:active{transform:translateY(0)}.members-page__filters-grid{grid-gap:clamp(1rem,2.5vw,1.5rem);grid-gap:var(--spacing-lg);display:grid;gap:clamp(1rem,2.5vw,1.5rem);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.members-page__filter-item{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__filter-label{color:#ffffffe6;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.members-page__filter-select{background:#fff;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);color:#333;cursor:pointer;font-family:inherit;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:500;min-height:44px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base)}.members-page__filter-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.members-page__filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.members-page__filter-info{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.members-page__btn-export-pdf,.members-page__filter-badge{align-items:center;color:#fff;display:flex;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__btn-export-pdf{background:linear-gradient(135deg,#2a0333,#1515a2);background:linear-gradient(135deg,var(--filter-accent-light) 0,var(--filter-accent) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f5576c4d;cursor:pointer;justify-content:center;min-height:44px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}.members-page__btn-export-pdf:hover{box-shadow:0 6px 20px #f5576c66;transform:translateY(-2px)}.members-page__btn-export-pdf:active{transform:translateY(0)}.members-page__gender-badge{background:#f0f4ff;border:1px solid #667eea;border-radius:20px;color:#667eea}.members-page__district-badge,.members-page__gender-badge{align-items:center;display:inline-flex;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs);padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.members-page__district-badge{background:#fff4f0;border:1px solid #f5576c;border-radius:20px;color:#f5576c}@media (prefers-color-scheme:dark){.members-page__filters-panel{background:linear-gradient(135deg,#2d3561,#1a1a2e);box-shadow:0 4px 15px #0000004d}.members-page__filter-select{background:#1a1a2e;border-color:#667eea4d;color:#e0e0e0}.members-page__filter-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea40}.members-page__filter-info{background:#667eea1a;border-color:#667eea4d}.members-page__gender-badge{background:#667eea26;border-color:#667eea;color:#a8b4ff}.members-page__district-badge{background:#f5576c26;border-color:#f5576c;color:#ff8a9b}}html.dark-mode .members-page__filters-panel{background:linear-gradient(135deg,#2d3561,#1a1a2e);box-shadow:0 4px 15px #0000004d}html.dark-mode .members-page__filter-select{background:#1a1a2e;border-color:#667eea4d;color:#e0e0e0}html.dark-mode .members-page__filter-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea40}html.dark-mode .members-page__filter-info{background:#667eea1a;border-color:#667eea4d}html.dark-mode .members-page__gender-badge{background:#667eea26;border-color:#667eea;color:#a8b4ff}html.dark-mode .members-page__district-badge{background:#f5576c26;border-color:#f5576c;color:#ff8a9b}@keyframes filterPulse{0%,to{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 6px #667eea00}}.members-page__filters-panel.active{animation:filterPulse 2s infinite}.members-page__table-container{animation:slideInUp .4s ease-out;background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.members-page__table{border-collapse:collapse;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);width:100%}.members-page__table thead{background-color:#f3f4f6;background-color:var(--bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.members-page__table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.members-page__table td,.members-page__table th{color:#111827;color:var(--text-primary);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.members-page__table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color)}.members-page__table tbody tr{transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast)}.members-page__table tbody tr:hover{background-color:#f9fafb;background-color:var(--bg-secondary)}.members-page__leader-badge{background-color:#dbeafe;background-color:var(--primary-lighter);border:1px solid #3b82f6;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#0c4a6e;display:inline-block;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:700;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}@media (prefers-color-scheme:dark){.members-page__leader-badge{background-color:#3b82f633;border-color:#3b82f666;color:#93c5fd}}.members-page__no-leader{color:#4b5563;color:var(--text-secondary)}.members-page__actions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);justify-content:center}.members-page__btn-action{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:700;justify-content:center;min-height:32px;min-width:32px;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.members-page__btn-action:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.members-page__btn-action:active{transform:scale(.95)}.members-page__btn-edit{background-color:#f59e0b;background-color:var(--warning-color)}.members-page__btn-edit:hover{background-color:#d97706}.members-page__btn-history{background-color:#10b981;background-color:var(--secondary-color)}.members-page__btn-history:hover{background-color:#047857;background-color:var(--secondary-dark)}.members-page__btn-delete{background-color:#ef4444;background-color:var(--danger-color)}.members-page__btn-delete:hover{background-color:#dc2626}.members-page__empty,.members-page__loading{color:#4b5563;color:var(--text-secondary);font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);padding:clamp(2rem,4vw,3rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.members-page__empty{background:linear-gradient(135deg,#667eea0d,#f5576c0d);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);font-weight:500;margin:clamp(1rem,2.5vw,1.5rem) 0;margin:var(--spacing-lg) 0}@media (prefers-color-scheme:dark){.members-page__empty{background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-color:#444;color:#aaa}}html.dark-mode .members-page__empty{background:linear-gradient(135deg,#667eea1a,#f5576c1a);border-color:#444;color:#aaa}.members-page__member-name-clickable{border-radius:.375rem;border-radius:var(--radius-sm);color:#3b82f6;color:var(--primary-color);cursor:pointer;padding:clamp(.25rem,1vw,.5rem) clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.members-page__member-name-clickable:hover{background-color:#dbeafe;background-color:var(--primary-lighter);box-shadow:0 2px 4px #3b82f633;color:#1e40af;color:var(--primary-dark);text-decoration:underline}@media (prefers-color-scheme:dark){.members-page__member-name-clickable{color:#93c5fd}.members-page__member-name-clickable:hover{background-color:#3b82f633;color:#60a5fa}}html.dark-mode .members-page__member-name-clickable{color:#93c5fd}html.dark-mode .members-page__member-name-clickable:hover{background-color:#3b82f633;color:#60a5fa}.members-page__email-column-header{display:table-cell}.members-page__email-column{display:table-cell;visibility:visible}@media screen and (max-width:1024px){.members-page__email-column,.members-page__email-column-header{border:none!important;display:none!important;margin:0!important;padding:0!important;width:0!important}.members-page__email-column{visibility:hidden!important}}@media screen and (min-width:1025px){.members-page__email-column,.members-page__email-column-header{display:table-cell!important}.members-page__email-column{visibility:visible!important}}@media (max-width:1024px) and (min-width:768px){.members-page__table-container{display:block;overflow-x:auto;padding:0;width:100%}.members-page__table{display:table;margin:0 auto;width:100%}.members-page__table thead{display:table-header-group}.members-page__table tbody{display:table-row-group}.members-page__table tbody tr{display:table-row}.members-page__table td,.members-page__table th{display:table-cell;padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}}@media (max-width:767px){.members-page{padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.members-page__table-container{border:none;box-shadow:none;overflow:visible;padding:0}.members-page__table{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__table thead{display:none}.members-page__table tbody{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.members-page__table tbody tr{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:block;padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.members-page__table tbody tr:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.members-page__table td{word-wrap:break-word;border:none;display:block;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);margin-bottom:clamp(.25rem,1vw,.5rem);margin-bottom:var(--spacing-xs);padding:clamp(.25rem,1vw,.5rem) 0;padding:var(--spacing-xs) 0;text-align:left}.members-page__table td:last-child{margin-bottom:0}}@media (max-width:1024px){.members-page__header{align-items:stretch;flex-direction:column}.members-page__btn-add{width:100%}.members-page__form{grid-template-columns:repeat(2,1fr)}.members-page__filters-panel{margin:clamp(.75rem,2vw,1rem) 0;margin:var(--spacing-md) 0;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.members-page__filters-grid,.members-page__filters-header{gap:clamp(.75rem,2vw,1rem);gap:var(--spacing-md)}.members-page__filters-grid{grid-template-columns:repeat(2,1fr)}}.fixed.inset-0.bg-black{align-items:center!important;display:flex!important;inset:0!important;justify-content:center!important;padding:1rem!important}.fixed.inset-0.bg-black>div{margin:0 auto!important;max-height:90%!important;max-width:95%!important}@media print{.members-page__btn-add,.members-page__btn-export-pdf,.members-page__filters-panel,.members-page__form-container,.members-page__search-container{display:none}.members-page{background:#fff;padding:0}.members-page__table-container{border:none;box-shadow:none}.members-page__table thead{display:table-header-group!important}.members-page__table tbody{display:table-row-group!important}.members-page__table tbody tr{display:table-row!important}.members-page__table td{display:table-cell!important}}:root{--primary-light:#60a5fa;--info-color:#3b82f6;--bg-gradient-start:#f0f9ff;--bg-gradient-end:#f0fdf4;--shadow-lg:0 10px 15px -3px #0000001a;--transition:300ms ease-in-out}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-gradient-start:#1e293b;--bg-gradient-end:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#475569;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#78909c;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f1f5f9}}html.dark-mode{--bg-gradient-start:#1e293b;--bg-gradient-end:#0f172a}body{transition:background-color var(--transition),color var(--transition)}.enrollments-page{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);min-height:100vh;padding:20px;transition:background .3s ease-in-out;transition:background var(--transition)}.page-container{margin:0 auto;max-width:1200px}.page-header{animation:slideInUp .3s ease-in-out;margin-bottom:30px;text-align:center}.page-header h1{color:#111827;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:8px}.page-header p{color:#4b5563;color:var(--text-secondary);font-size:1rem}.button-group{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.btn-danger,.btn-info,.btn-primary,.btn-secondary,.btn-success,.btn-warning{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease-in-out;transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #2563eb66;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 25px #2563eb99;transform:translateY(-2px)}.btn-secondary{background-color:#f3f4f6;background-color:var(--bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#111827;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--border-color);color:#111827;color:var(--text-primary)}.btn-success{background-color:#10b981;background-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;background-color:var(--secondary-dark)}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-dark)}.btn-warning{background-color:#f59e0b;background-color:var(--warning-color);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-info{background-color:#3b82f6;background-color:var(--info-color);color:#fff}.btn-info:hover:not(:disabled){background-color:#2563eb}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-section{background:#fff;background:var(--bg-primary);border-left:4px solid #2563eb;border-left:4px solid var(--primary-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:30px;transition:background-color .3s ease-in-out;transition:background-color var(--transition)}.form-section h2{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.form-field input,.form-field select{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease-in-out;transition:all var(--transition)}.form-field input::placeholder{color:#6b7280;color:var(--text-tertiary)}.form-field input:focus,.form-field select:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.filters-section{grid-gap:15px;align-items:flex-end;background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px;transition:background-color .3s ease-in-out;transition:background-color var(--transition)}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-weight:600}.filter-group label,.filter-group select{color:#111827;color:var(--text-primary);font-size:14px}.filter-group select{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;padding:10px 12px;transition:all .3s ease-in-out;transition:all var(--transition)}.filter-group select:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-info{color:#4b5563;color:var(--text-secondary);font-size:14px;margin:15px 0;text-align:center}.enrollments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.enrollment-card{background:#fff;background:var(--bg-primary);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;padding:20px;transition:all .3s ease-in-out;transition:all var(--transition)}.enrollment-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.card-header h3{color:#111827;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:700;word-break:break-word}.card-body{display:flex;flex-direction:column;gap:10px}.card-body p{color:#4b5563;color:var(--text-secondary);font-size:13px}.card-body strong{color:#111827;color:var(--text-primary);font-weight:600}.empty-message,.loading-message{color:#6b7280;color:var(--text-tertiary);font-size:16px;padding:60px 20px;text-align:center}.status-badge{border-radius:9999px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-paused{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#dbeafe;color:#1e40af}.status-cancelled{background-color:#fee2e2;color:#991b1b}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideInUp .3s ease-in-out;background:#fff;background:var(--bg-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;transition:background-color .3s ease-in-out;transition:background-color var(--transition);width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{flex:1 1;font-size:1.5rem;font-weight:700;margin:0;word-break:break-word}.modal-close-btn{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;padding:0;transition:background-color .3s ease-in-out;transition:background-color var(--transition);width:40px}.modal-close-btn:hover{background-color:#fff3}.modal-tabs{background-color:#f9fafb;background-color:var(--bg-secondary);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:0;padding:0;transition:background-color .3s ease-in-out;transition:background-color var(--transition)}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-tertiary);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:16px 20px;position:relative;transition:all .3s ease-in-out;transition:all var(--transition)}.tab-btn.active,.tab-btn:hover{color:#2563eb;color:var(--primary-color)}.tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color)}.modal-body{background:#fff;background:var(--bg-primary);padding:24px;transition:background-color .3s ease-in-out;transition:background-color var(--transition)}.tab-content{animation:fadeIn .2s ease-in-out}.tab-actions{display:flex;gap:12px;margin-bottom:20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.detail-label{color:#6b7280;color:var(--text-tertiary);font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.detail-value{color:#111827;color:var(--text-primary);font-size:16px;font-weight:600}.actions-section{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);margin-top:30px;padding-top:20px}.actions-section h3{color:#111827;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:15px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.action-btn{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease-in-out;transition:all var(--transition)}.lessons-list{display:flex;flex-direction:column;gap:12px}.lesson-item{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:16px;transition:all .3s ease-in-out;transition:all var(--transition)}.lesson-item:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.lesson-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.lesson-header h4{color:#111827;color:var(--text-primary);font-size:14px;font-weight:700;margin:0}.badge-mandatory{background-color:#fee2e2;border-radius:.375rem;border-radius:var(--radius-sm);color:#991b1b;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.lesson-info{color:#4b5563;color:var(--text-secondary);display:flex;font-size:13px;gap:20px}.lesson-info p{margin:0}.lesson-description{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);color:#4b5563;color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:10px;padding-top:10px}.students-list{display:flex;flex-direction:column;gap:12px}.student-item{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:16px;transition:all .3s ease-in-out;transition:all var(--transition)}.student-item:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.student-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.student-header h4{color:#111827;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:700;margin:0}.student-info{color:#4b5563;color:var(--text-secondary);display:flex;font-size:13px;gap:20px}.student-info p{margin:0}.attendance-summary{display:flex;flex-direction:column;gap:12px}.attendance-item{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:16px;transition:all .3s ease-in-out;transition:all var(--transition)}.attendance-item:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.attendance-header{margin-bottom:10px}.attendance-header h4{color:#111827;color:var(--text-primary);font-size:14px;font-weight:700;margin:0}.attendance-info{color:#4b5563;color:var(--text-secondary);display:flex;font-size:13px;gap:20px}.attendance-info p{margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-up{animation:slideInUp .3s ease-in-out}@media (max-width:768px){.page-header h1{font-size:1.8rem}.enrollments-grid{grid-template-columns:1fr}.modal-container{max-height:95vh;width:95%}.details-grid{grid-template-columns:repeat(2,1fr)}.filters-section,.form-grid{grid-template-columns:1fr}.modal-tabs{flex-wrap:wrap}.tab-btn{font-size:13px;padding:12px 16px}.modal-body,.modal-header{padding:16px}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.page-header h1{font-size:1.5rem}.modal-container{width:98%}.details-grid{grid-template-columns:1fr}.button-group{flex-wrap:wrap}.btn-primary,.btn-secondary{width:100%}.modal-tabs{overflow-x:auto}.tab-btn{flex:0 0 auto;white-space:nowrap}.actions-grid{grid-template-columns:1fr}.attendance-info,.lesson-info,.student-info{flex-direction:column;gap:8px}}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}.modal-container::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color);border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-tertiary)}.modal-statistics-overlay{align-items:center;animation:fadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-statistics{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:900px;overflow-y:auto;width:90%}.modal-statistics__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:24px}.modal-statistics__title-wrapper{align-items:center;display:flex;gap:12px}.modal-statistics__title{font-size:24px;font-weight:700;margin:0}.modal-statistics__filter-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.modal-statistics__close{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.modal-statistics__close:hover{background-color:#f3f4f6}.modal-statistics__filter-info{background-color:#f0f4ff;border:2px solid #667eea;border-left-width:4px;border-radius:8px;margin:16px 24px;padding:16px}.modal-statistics__filters-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.modal-statistics__filter-tag{background:#fff;border-radius:6px;display:inline-block;font-size:13px;font-weight:500;padding:6px 10px}.modal-statistics__filter-message{font-size:13px;margin:12px 0 0;opacity:.8}.modal-statistics__content{padding:24px}.modal-statistics__section-title{border-bottom:2px solid #667eea;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.modal-statistics__summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.modal-statistics__summary-card{align-items:center;border:2px solid;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.modal-statistics__summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.modal-statistics__summary-card--total{border-color:#667eea}.modal-statistics__summary-card--passed{border-color:#10b981}.modal-statistics__summary-card--failed{border-color:#ef4444}.modal-statistics__summary-card--pending{border-color:#f59e0b}.modal-statistics__summary-card--cancelled{border-color:#6b7280}.modal-statistics__summary-card--percentage{border-color:#0ea5e9}.modal-statistics__summary-icon{font-size:32px;min-width:40px;text-align:center}.modal-statistics__summary-data{flex:1 1}.modal-statistics__summary-label{font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;opacity:.7;text-transform:uppercase}.modal-statistics__summary-value{font-size:28px;font-weight:700;margin:4px 0 0}.modal-statistics__table-section{margin-top:24px}.modal-statistics__table-wrapper{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.modal-statistics__table{border-collapse:collapse;font-size:14px;width:100%}.modal-statistics__table thead tr{background-color:#f9fafb}.modal-statistics__table th{font-weight:600;text-align:left;white-space:nowrap}.modal-statistics__table td,.modal-statistics__table th{border-bottom:1px solid #e5e7eb;padding:12px 16px}.modal-statistics__table tbody tr{transition:background-color .2s ease}.modal-statistics__table tbody tr:hover{background-color:#f9fafb}.modal-statistics__table tbody tr:last-child td{border-bottom:none}.modal-statistics__footer{background-color:#fafbfc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-statistics__btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.modal-statistics__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.modal-statistics__btn--primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.modal-statistics__btn--primary:active{transform:translateY(0)}.modal-statistics__btn--secondary{background:#f3f4f6;color:#1f2937}.modal-statistics__btn--secondary:hover{background:#e5e7eb}.modal-statistics__btn--secondary:active{background:#d1d5db}@media (max-width:768px){.modal-statistics{border-radius:10px;max-height:90vh;width:95%}.modal-statistics__header{padding:16px}.modal-statistics__title{font-size:20px}.modal-statistics__filter-badge{font-size:11px;padding:5px 10px}.modal-statistics__close{font-size:20px;height:28px;width:28px}.modal-statistics__filter-info{margin:12px 16px;padding:12px}.modal-statistics__content{padding:16px}.modal-statistics__section-title{font-size:16px;margin-bottom:12px}.modal-statistics__summary-grid{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.modal-statistics__summary-card{gap:12px;padding:12px}.modal-statistics__summary-icon{font-size:28px;min-width:36px}.modal-statistics__summary-value{font-size:24px}.modal-statistics__table-section{margin-top:16px}.modal-statistics__table{font-size:12px}.modal-statistics__table td,.modal-statistics__table th{padding:8px 12px}.modal-statistics__footer{gap:8px;padding:12px 16px}.modal-statistics__btn{font-size:13px;padding:8px 16px}}@media (max-width:480px){.modal-statistics{border-radius:8px;max-height:95vh;max-width:none;width:100%}.modal-statistics__header{gap:8px;padding:12px}.modal-statistics__title-wrapper{gap:8px}.modal-statistics__title{font-size:18px}.modal-statistics__filter-info{margin:8px 12px;padding:10px}.modal-statistics__filters-list{gap:4px}.modal-statistics__filter-tag{font-size:12px;padding:4px 8px}.modal-statistics__filter-message{font-size:12px}.modal-statistics__content{padding:12px}.modal-statistics__summary-grid{gap:8px}.modal-statistics__summary-label{font-size:11px}.modal-statistics__summary-value{font-size:22px}.modal-statistics__table{font-size:11px}.modal-statistics__table td,.modal-statistics__table th{padding:6px 8px}.modal-statistics__footer{flex-direction:column;gap:4px;padding:10px 12px}.modal-statistics__btn{font-size:12px;padding:8px 12px;width:100%}}@media (prefers-color-scheme:dark){.modal-statistics{background:#1e293b;color:#f3f4f6}.modal-statistics__header{border-bottom-color:#334155}.modal-statistics__title{color:#f3f4f6}.modal-statistics__close:hover{background-color:#334155}.modal-statistics__filter-info{background-color:#0f172a;border-color:#667eea}.modal-statistics__filter-tag{background:#334155;color:#f3f4f6}.modal-statistics__section-title{border-bottom-color:#667eea;color:#f3f4f6}.modal-statistics__table-wrapper{border-color:#334155}.modal-statistics__table thead tr{background-color:#0f172a}.modal-statistics__table td,.modal-statistics__table th{border-bottom-color:#334155;color:#f3f4f6}.modal-statistics__table tbody tr:hover{background-color:#1a2332}.modal-statistics__footer{background-color:#0f172a;border-top-color:#334155}.modal-statistics__btn--secondary{background:#334155;color:#f3f4f6}.modal-statistics__btn--secondary:hover{background:#475569}.modal-statistics__btn--secondary:active{background:#64748b}}.modal-statistics__btn:focus,.modal-statistics__close:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.modal-statistics-overlay{display:none}.modal-statistics{box-shadow:none;max-height:100%;max-width:100%;width:100%}.modal-statistics__footer,.modal-statistics__header{display:none}}:root{--primary-color:#3b82f6;--primary-dark:#1e40af;--primary-light:#93c5fd;--primary-lighter:#dbeafe;--secondary-dark:#047857;--secondary-light:#6ee7b7;--secondary-lighter:#d1fae5;--danger-dark:#991b1b;--danger-light:#fca5a5;--danger-lighter:#fee2e2;--bg-header:linear-gradient(135deg,#3b82f6,#764ba2);--bg-gradient-page:linear-gradient(135deg,#f9fafb,#dbeafe);--font-size-xs:clamp(0.65rem,2vw,0.75rem);--font-size-sm:clamp(0.75rem,2.5vw,0.875rem);--font-size-base:clamp(0.875rem,2.5vw,0.95rem);--font-size-lg:clamp(0.95rem,3vw,1.1rem);--font-size-xl:clamp(1.25rem,3.5vw,1.5rem);--font-size-2xl:clamp(1.5rem,4vw,1.75rem);--spacing-xs:clamp(0.25rem,1vw,0.5rem);--spacing-sm:clamp(0.5rem,1.5vw,0.75rem);--spacing-md:clamp(0.75rem,2vw,1rem);--spacing-lg:clamp(1rem,2.5vw,1.5rem);--spacing-xl:clamp(1.5rem,3vw,2rem);--transition-fast:150ms ease-in-out}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-header:linear-gradient(135deg,#3b82f6,#764ba2);--bg-table-header:linear-gradient(135deg,#1e293b,#0f172a);--bg-gradient-page:linear-gradient(135deg,#1e293b,#0f172a);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-white:#f1f5f9;--border-color:#334155;--border-light:#475569}}html.dark-mode{--bg-header:linear-gradient(135deg,#3b82f6,#764ba2)}html{font-size:16px;scroll-behavior:smooth}@media (max-width:768px){html{font-size:15px}}@media (max-width:480px){html{font-size:14px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.students-page{background:linear-gradient(135deg,#f9fafb,#dbeafe);background:var(--bg-gradient-page);min-height:100vh;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:background .3s ease-in-out;transition:background var(--transition-base)}.students-page-container{margin:0 auto;max-width:1400px}.students-page__header{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#3b82f6,#764ba2);background:var(--bg-header);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #3b82f666;color:#fff;color:var(--text-white);margin-bottom:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-xl);padding:clamp(1.5rem,3vw,2rem);padding:var(--spacing-xl);transition:box-shadow .3s ease-in-out;transition:box-shadow var(--transition-base)}.students-page__header h1{color:#fff;color:var(--text-white);font-size:clamp(1.5rem,4vw,1.75rem);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.5px;margin:0}.students-page__header p{color:#fff;color:var(--text-white);font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);margin:clamp(.5rem,1.5vw,.75rem) 0 0;margin:var(--spacing-sm) 0 0;opacity:.95}.students-page__controls{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.students-page__controls:hover{box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow-lg)}.students-page__controls-grid{grid-gap:clamp(.75rem,2vw,1rem);grid-gap:var(--spacing-md);display:grid;gap:clamp(.75rem,2vw,1rem);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg)}.students-page__filter-item{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.students-page__filter-item label{color:#111827;color:var(--text-primary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.students-page__filter-item input,.students-page__filter-item select{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:inherit;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);min-height:44px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base)}@media (max-width:480px){.students-page__filter-item input,.students-page__filter-item select{font-size:16px;min-height:48px}}.students-page__filter-item input::placeholder{color:#6b7280;color:var(--text-tertiary)}.students-page__filter-item input:focus,.students-page__filter-item select:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px #3b82f680;outline:none}.students-page__checkbox{align-items:center;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);margin-top:clamp(.5rem,1.5vw,.75rem);margin-top:var(--spacing-sm);-webkit-user-select:none;user-select:none}.students-page__checkbox input{accent-color:#3b82f6;accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;padding:0;width:18px}.students-page__actions{display:flex;flex-wrap:wrap}.students-page__actions,.students-page__btn{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.students-page__btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);font-weight:600;justify-content:center;letter-spacing:.3px;min-height:44px;overflow:hidden;padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}@media (max-width:480px){.students-page__btn{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);min-height:48px;padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}}.students-page__btn:hover:not(:disabled){box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.students-page__btn:active:not(:disabled){transform:scale(.98)}.students-page__btn:disabled{cursor:not-allowed;opacity:.5}.students-page__btn--primary{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #3b82f666}.students-page__btn--primary:hover:not(:disabled){box-shadow:0 6px 25px #3b82f699}.students-page__btn--secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66}.students-page__btn--secondary:hover:not(:disabled){box-shadow:0 6px 25px #f5576c99}.students-page__btn--export{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66}.students-page__btn--export:hover:not(:disabled){box-shadow:0 6px 25px #4facfe99}.students-page__btn--refresh{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--border-color) 100%);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary)}.students-page__btn--refresh:hover:not(:disabled){background:linear-gradient(135deg,#e5e7eb,#6b7280);background:linear-gradient(135deg,var(--border-color) 0,var(--text-tertiary) 100%)}.students-page__filter-info{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border-left:4px solid #3b82f6;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#4b5563;color:var(--text-secondary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.students-page__filter-info strong{color:#111827;color:var(--text-primary);font-weight:600}.students-page__error{animation:slideInUp .3s ease-out;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger-color);border-left-width:4px;border-radius:.75rem;border-radius:var(--radius-lg);color:#991b1b;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-md) var(--spacing-lg)}@media (prefers-color-scheme:dark){.students-page__error{background:#ef444426;color:#fca5a5}}.students-page__empty,.students-page__loading{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#4b5563;color:var(--text-secondary);font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.students-page__empty-hint{color:#6b7280;color:var(--text-tertiary);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);margin-top:clamp(.75rem,2vw,1rem);margin-top:var(--spacing-md)}.students-page__table-container{-webkit-overflow-scrolling:touch;animation:slideInUp .4s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;overflow-x:auto;transition:all .3s ease-in-out;transition:all var(--transition-base)}.students-page__table{border-collapse:collapse;font-size:clamp(.75rem,2.5vw,.875rem);font-size:var(--font-size-sm);width:100%}.students-page__table thead{background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:var(--bg-table-header);position:-webkit-sticky;position:sticky;top:0;z-index:10}.students-page__table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.students-page__table td,.students-page__table th{color:#111827;color:var(--text-primary);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.students-page__table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);transition:background-color .3s ease-in-out;transition:background-color var(--transition-base)}.students-page__table tbody tr{transition:all .3s ease-in-out;transition:all var(--transition-base)}.students-page__table tbody tr:hover{background-color:#f9fafb;background-color:var(--bg-secondary)}.students-page__table tbody tr.passed{background-color:#10b98114}.students-page__table tbody tr.passed:hover{background-color:#10b98126}.students-page__table tbody tr.failed{background-color:#ef444414}.students-page__table tbody tr.failed:hover{background-color:#ef44441f}.students-page__table tbody tr.active{background-color:#f59e0b14}.students-page__table tbody tr.active:hover{background-color:#f59e0b1f}.students-page__student-info{align-items:center;display:flex;gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm)}.students-page__avatar{align-items:center;display:flex;font-size:clamp(.95rem,3vw,1.1rem);font-size:var(--font-size-lg);height:32px;justify-content:center;min-width:32px;text-align:center;width:32px}.students-page__student-name{color:#111827;color:var(--text-primary);font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base);font-weight:500}.students-page__badge{background:#3b82f626;border:1px solid #3b82f64d;border-radius:.5rem;border-radius:var(--radius-md);color:#0c4a6e;display:inline-block;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;white-space:nowrap}@media (prefers-color-scheme:dark){.students-page__badge{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}}.students-page__badge--passed{background:#10b98126;border:1px solid #10b9814d;color:#065f46}@media (prefers-color-scheme:dark){.students-page__badge--passed{background:#10b98133;border-color:#10b98166;color:#86efac}}.students-page__badge--failed{background:#ef444426;border:1px solid #ef44444d;color:#991b1b}@media (prefers-color-scheme:dark){.students-page__badge--failed{background:#ef444433;border-color:#ef444466;color:#fca5a5}}.students-page__badge--pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#92400e}@media (prefers-color-scheme:dark){.students-page__badge--pending{background:#f59e0b33;border-color:#f59e0b66;color:#fbbf24}}.students-page__status-badge{border:1px solid;border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;white-space:nowrap}.students-page__status-badge--active{background:#10b98126;border-color:#10b9814d;color:#065f46}@media (prefers-color-scheme:dark){.students-page__status-badge--active{background:#10b98133;border-color:#10b98166;color:#86efac}}.students-page__status-badge--completed{background:#3b82f626;border-color:#3b82f64d;color:#0c4a6e}@media (prefers-color-scheme:dark){.students-page__status-badge--completed{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}}.students-page__status-badge--failed{background:#ef444426;border-color:#ef44444d;color:#991b1b}@media (prefers-color-scheme:dark){.students-page__status-badge--failed{background:#ef444433;border-color:#ef444466;color:#fca5a5}}.students-page__status-badge--cancelled{background:#f3f4f6;background:var(--bg-tertiary);border-color:#e5e7eb;border-color:var(--border-color);color:#4b5563;color:var(--text-secondary)}.students-page__status-badge--pending{background:#f59e0b26;border-color:#f59e0b4d;color:#92400e}@media (prefers-color-scheme:dark){.students-page__status-badge--pending{background:#f59e0b33;border-color:#f59e0b66;color:#fbbf24}}.students-page__attendance-bar{background:#e5e7eb;background:var(--border-color);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.students-page__attendance-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 0 8px #3b82f64d;height:100%;transition:width .3s ease-out}.students-page__attendance-text{color:#6b7280;color:var(--text-tertiary);font-weight:500}.students-page__attendance-text,.students-page__btn-cancel{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}.students-page__btn-cancel{align-items:center;background:linear-gradient(135deg,#f5576c,#f093fb);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 8px #f5576c33;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;min-height:36px;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.students-page__btn-cancel:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-1px)}.students-page__btn-cancel:active{transform:scale(.95)}@media (max-width:1024px){.students-page__header{padding:clamp(1rem,2.5vw,1.5rem);padding:var(--spacing-lg)}.students-page__controls{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.students-page__controls-grid{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.students-page__table td,.students-page__table th{padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.students-page__avatar{font-size:clamp(.875rem,2.5vw,.95rem);font-size:var(--font-size-base)}.students-page__col-cohort{display:none}}@media (max-width:768px){.students-page{padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.students-page__header{margin-bottom:clamp(1rem,2.5vw,1.5rem);margin-bottom:var(--spacing-lg);padding:clamp(1rem,2.5vw,1.5rem) clamp(.75rem,2vw,1rem);padding:var(--spacing-lg) var(--spacing-md)}.students-page__header p{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}.students-page__controls{padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.students-page__controls-grid{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);grid-template-columns:1fr}.students-page__actions{flex-direction:column}.students-page__btn{width:100%}.students-page__table{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}.students-page__table td,.students-page__table th{padding:clamp(.25rem,1vw,.5rem);padding:var(--spacing-xs)}.students-page__student-info{gap:4px}.students-page__filter-info{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs);padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.students-page__empty,.students-page__loading{padding:var(--spacing-2xl) var(--spacing-md)}.students-page__col-name{width:30%}.students-page__col-level{width:15%}.students-page__col-cohort{display:none}.students-page__col-status{width:15%}.students-page__col-attendance{width:12%}.students-page__col-date,.students-page__col-result{display:none}.students-page__col-actions{width:15%}}@media (max-width:480px){.students-page{padding:clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-sm)}.students-page__controls,.students-page__header{margin-bottom:clamp(.75rem,2vw,1rem);margin-bottom:var(--spacing-md);padding:clamp(.75rem,2vw,1rem);padding:var(--spacing-md)}.students-page__controls-grid{gap:clamp(.5rem,1.5vw,.75rem);gap:var(--spacing-sm);grid-template-columns:1fr}.students-page__filter-item label{font-size:clamp(.65rem,2vw,.75rem);font-size:var(--font-size-xs)}.students-page__actions{flex-direction:column;gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs)}.students-page__btn{width:100%}.students-page__table-container{border-radius:.75rem;border-radius:var(--radius-lg)}.students-page__table td,.students-page__table th{padding:clamp(.25rem,1vw,.5rem);padding:var(--spacing-xs)}.students-page__empty,.students-page__loading{padding:clamp(1.5rem,3vw,2rem) clamp(.5rem,1.5vw,.75rem);padding:var(--spacing-xl) var(--spacing-sm)}.students-page__col-name{width:35%}.students-page__col-level{width:20%}.students-page__col-attendance,.students-page__col-cohort,.students-page__col-date,.students-page__col-result,.students-page__col-status{display:none}.students-page__col-actions{width:25%}}@media (max-width:400px){.students-page__controls-grid{gap:clamp(.25rem,1vw,.5rem);gap:var(--spacing-xs)}.students-page__btn{padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1rem);padding:var(--spacing-sm) var(--spacing-md)}}.students-page__col-name{width:20%}.students-page__col-level{width:12%}.students-page__col-cohort{width:15%}.students-page__col-status{width:10%}.students-page__col-attendance{width:12%}.students-page__col-result{width:10%}.students-page__col-date{width:12%}.students-page__col-actions{width:9%}@media print{.students-page__actions,.students-page__btn,.students-page__controls,.students-page__filter-info{display:none}.students-page{background:#fff;background:var(--bg-primary);padding:0}.students-page__header{page-break-after:avoid}}:root{--primary-color:#059669;--primary-dark:#047857;--primary-light:#10b981;--danger-color:#dc2626;--success-color:#059669;--bg-modal:#fff;--bg-modal-secondary:#f9fafb;--bg-header:linear-gradient(135deg,#059669,#047857);--border-color:#e0e0e0;--border-light:#f0f0f0;--shadow-modal:0 10px 40px #0003}@media (prefers-color-scheme:dark){:root{--bg-modal:#0f172a;--bg-modal-secondary:#1e293b;--bg-header:linear-gradient(135deg,#059669,#047857);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-white:#f1f5f9;--border-color:#334155;--border-light:#475569;--shadow-modal:0 10px 40px #00000080;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#78909c;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f1f5f9}}html.dark-mode{--bg-modal:#0f172a;--bg-modal-secondary:#1e293b;--bg-header:linear-gradient(135deg,#059669,#047857);--shadow-modal:0 10px 40px #00000080}.modal-overlay-finance{align-items:center;animation:fadeIn .3s ease-in;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container-finance{animation:slideUp .3s ease-out;background:#fff;background:var(--bg-modal);border-radius:12px;box-shadow:0 10px 40px #0003;box-shadow:var(--shadow-modal);max-height:90vh;max-width:600px;overflow-y:auto;transition:background-color .3s ease-in-out;transition:background-color var(--transition-base);width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-finance{align-items:center;background:linear-gradient(135deg,#059669,#047857);background:var(--bg-header);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;color:#fff;color:var(--text-white);display:flex;justify-content:space-between;padding:20px}.modal-header-finance h2{color:#fff;color:var(--text-white);font-size:18px;font-weight:600;margin:0}.modal-close-btn-finance{align-items:center;background:none;border:none;border-radius:6px;color:#fff;color:var(--text-white);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:transform .2s;transition:all .3s ease-in-out;transition:all var(--transition-base);width:32px}.modal-close-btn-finance:hover{background-color:#fff3;transform:scale(1.1)}.modal-body-finance{background:#fff;background:var(--bg-modal);gap:20px;padding:20px;transition:background-color .3s ease-in-out;transition:background-color var(--transition-base)}.form-group,.modal-body-finance{display:flex;flex-direction:column}.form-group{gap:8px;position:relative}.form-group label{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select{background-color:#f9fafb;background-color:var(--bg-modal-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:6px;color:#111827;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease-in-out;transition:all var(--transition-base)}.form-group input::placeholder,.form-group select::placeholder{color:#6b7280;color:var(--text-tertiary)}.form-group input:focus,.form-group select:focus{background-color:#fff;background-color:var(--bg-modal);border-color:#059669;border-color:var(--primary-color);box-shadow:0 0 0 3px #0596691a;outline:none}.form-group input.input-error{background-color:#dc26260d;border-color:#dc2626;border-color:var(--danger-color)}.form-group input.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.help-text{color:#6b7280;color:var(--text-tertiary);font-size:12px;font-weight:400;margin-left:4px}.error-message{color:#dc2626;color:var(--danger-color);font-size:12px;font-weight:500;margin-top:4px}.member-search-container{position:relative}.member-search-container input{background-color:#f9fafb;background-color:var(--bg-modal-secondary);border:2px solid #e0e0e0;border:2px solid var(--border-color);border-radius:6px;color:#111827;color:var(--text-primary);font-size:14px;padding:12px;transition:all .3s ease-in-out;transition:all var(--transition-base);width:100%}.member-search-container input:focus{background-color:#fff;background-color:var(--bg-modal);border-color:#059669;border-color:var(--primary-color);box-shadow:0 0 0 3px #0596691a}.member-list-dropdown{background:#fff;background:var(--bg-modal);border:2px solid #059669;border:2px solid var(--primary-color);border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;transition:background-color .3s ease-in-out;transition:background-color var(--transition-base);z-index:1001}.member-item{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary);cursor:pointer;padding:12px;transition:background-color .2s}.member-item:hover{background-color:#05966914}.member-item:last-child{border-bottom:none}.member-name{color:#111827;color:var(--text-primary);font-size:14px;font-weight:600}.member-document{color:#6b7280;color:var(--text-tertiary);font-size:12px;margin-top:2px}.member-list-empty{background:#dc262614;border:2px solid #dc26264d;border-radius:0 0 6px 6px;color:#dc2626;color:var(--danger-color);font-size:14px;padding:12px;text-align:center}.selected-member-info{background:#05966914;border-left:4px solid #059669;border-left:4px solid var(--primary-color);border-radius:4px;color:#059669;color:var(--primary-color);font-size:13px;margin-top:4px;padding:10px;transition:all .3s ease-in-out;transition:all var(--transition-base)}.selected-member-info strong{font-weight:600}.bank-transfer-notice{animation:slideDown .3s ease-out;background:#f59e0b14;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color);border-radius:6px;overflow:hidden;transition:all .3s ease-in-out;transition:all var(--transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notice-header{background:#f59e0b1a;border-bottom:1px solid #f59e0b33;color:#f59e0b;color:var(--warning-color);font-size:14px;font-weight:600;padding:12px 16px}.notice-body{color:#4b5563;color:var(--text-secondary);font-size:13px;line-height:1.4;padding:12px 16px}.notice-checkboxes{border-top:1px solid #f59e0b33;padding:12px 16px}.checkbox-label{align-items:center;color:#111827;color:var(--text-primary);display:flex;font-size:13px;-webkit-user-select:none;user-select:none}.checkbox-label,.checkbox-label input[type=checkbox]{cursor:pointer;transition:all .3s ease-in-out;transition:all var(--transition-base)}.checkbox-label input[type=checkbox]{accent-color:#059669;accent-color:var(--primary-color);height:18px;margin-right:8px;width:18px}.checkbox-label input[type=checkbox]:focus{outline:2px solid #059669;outline:2px solid var(--primary-color);outline-offset:2px}.form-group-checkbox{background:#f9fafb;background:var(--bg-modal-secondary);border-radius:6px;padding:12px}.form-group-checkbox,.modal-footer-finance{transition:background-color .3s ease-in-out;transition:background-color var(--transition-base)}.modal-footer-finance{background:#fff;background:var(--bg-modal);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease-in-out;transition:all var(--transition-base)}.btn-cancel{background:#f9fafb;background:var(--bg-modal-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#111827;color:var(--text-primary)}.btn-cancel:hover{background:#e0e0e0;background:var(--border-color);transform:translateY(-2px)}.btn-cancel:active{transform:scale(.98)}.btn-submit{background:linear-gradient(135deg,#059669,#047857);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 12px #0596694d;color:#fff;color:var(--text-white)}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.modal-container-finance{max-height:95vh;width:95%}.modal-header-finance{padding:16px}.modal-header-finance h2{font-size:16px}.modal-body-finance{padding:16px}.modal-footer-finance{flex-direction:column-reverse;padding:16px}.btn{width:100%}}.member-list-dropdown::-webkit-scrollbar{width:6px}.member-list-dropdown::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-modal-secondary)}.member-list-dropdown::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--border-color);border-radius:3px}.member-list-dropdown::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-tertiary)}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#10b981;--secondary-dark:#059669;--danger-color:#ef4444;--danger-dark:#dc2626;--warning-color:#f59e0b;--warning-dark:#d97706;--info-color:#0891b2;--success-color:#10b981;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-header:linear-gradient(135deg,#2563eb,#0891b2);--bg-table-header:linear-gradient(135deg,#f3f4f6,#f9fafb);--bg-gradient-page:linear-gradient(135deg,#f9fafb,#e8f4f8);--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-white:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 4px 15px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--transition-base:300ms ease-in-out}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-header:linear-gradient(135deg,#2563eb,#0891b2);--bg-table-header:linear-gradient(135deg,#1e293b,#0f172a);--bg-gradient-page:linear-gradient(135deg,#1e293b,#0f172a);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-white:#f1f5f9;--border-color:#334155;--border-light:#475569;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#78909c;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f1f5f9}}html.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-header:linear-gradient(135deg,#2563eb,#0891b2);--bg-table-header:linear-gradient(135deg,#1e293b,#0f172a);--bg-gradient-page:linear-gradient(135deg,#1e293b,#0f172a);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-white:#f1f5f9;--border-color:#334155;--border-light:#475569;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#78909c;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f1f5f9}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease-in-out,color .3s ease-in-out;transition:background-color var(--transition-base),color var(--transition-base)}.finances-page{background:linear-gradient(135deg,#f9fafb,#e8f4f8);background:var(--bg-gradient-page);min-height:100vh;padding:1rem;padding:var(--spacing-md);transition:background .3s ease-in-out;transition:background var(--transition-base)}.finances-page-container{margin:0 auto;max-width:1400px}.finances-page__header{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#2563eb,#0891b2);background:var(--bg-header);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #2563eb66;color:#fff;color:var(--text-white);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);transition:box-shadow .3s ease-in-out;transition:box-shadow var(--transition-base)}.finances-page__header h1{color:#fff;color:var(--text-white);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.finances-page__header p{color:#fff;color:var(--text-white);font-size:.95rem;margin:.5rem 0 0;margin:var(--spacing-sm) 0 0;opacity:.95}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.finances-page__controls{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.finances-page__controls:hover{box-shadow:0 4px 15px #0000001a;box-shadow:var(--shadow-lg)}.finances-page__controls-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.finances-page__filter-item{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.finances-page__filter-item label{color:#111827;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.3px}.finances-page__filter-item input,.finances-page__filter-item select{background-color:#f9fafb;background-color:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#111827;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:1rem;padding:var(--spacing-md);transition:all .3s ease-in-out;transition:all var(--transition-base)}.finances-page__filter-item input::placeholder{color:#6b7280;color:var(--text-tertiary)}.finances-page__filter-item input:focus,.finances-page__filter-item select:focus{background-color:#fff;background-color:var(--bg-primary);border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a,0 0 0 1px #2563eb80;outline:none}.finances-page__actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.finances-page__btn{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.finances-page__btn:hover:not(:disabled){box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.finances-page__btn:active:not(:disabled){transform:scale(.98)}.finances-page__btn:disabled{cursor:not-allowed;opacity:.5}.finances-page__btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #2563eb66;color:#fff;color:var(--text-white)}.finances-page__btn--primary:hover:not(:disabled){box-shadow:0 6px 25px #2563eb99}.finances-page__btn--secondary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%);box-shadow:0 4px 15px #10b98166;color:#fff;color:var(--text-white)}.finances-page__btn--secondary:hover:not(:disabled){box-shadow:0 6px 25px #10b98199}.finances-page__btn--export{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--warning-color) 0,var(--warning-dark) 100%);box-shadow:0 4px 15px #f59e0b66;color:#fff;color:var(--text-white)}.finances-page__btn--export:hover:not(:disabled){box-shadow:0 6px 25px #f59e0b99}.finances-page__btn--refresh{background:linear-gradient(135deg,#f3f4f6,#d1d5db);background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--gray-300) 100%);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary)}.finances-page__btn--refresh:hover:not(:disabled){background:linear-gradient(135deg,#d1d5db,#9ca3af);background:linear-gradient(135deg,var(--gray-300) 0,var(--gray-400) 100%)}.finances-page__filter-info{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border-left:4px solid #2563eb;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#4b5563;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:all var(--transition-base)}.finances-page__filter-info strong{color:#111827;color:var(--text-primary);font-weight:600}.finances-page__error{animation:slideInUp .3s ease-out;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger-color);border-left-width:4px;border-radius:.75rem;border-radius:var(--radius-lg);color:#991b1b;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}@media (prefers-color-scheme:dark){.finances-page__error{background:#ef444426}}.finances-page__empty,.finances-page__loading{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#4b5563;color:var(--text-secondary);padding:60px 1.5rem;padding:60px var(--spacing-lg);text-align:center}.finances-page__loading{font-size:1.1rem}.finances-page__empty-hint{color:#6b7280;color:var(--text-tertiary);font-size:.75rem;margin-top:1rem;margin-top:var(--spacing-md)}.finances-page__table-container{animation:slideInUp .4s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s ease-in-out;transition:all var(--transition-base)}.finances-page__table{border-collapse:collapse;font-size:.875rem;width:100%}.finances-page__table thead{background:linear-gradient(135deg,#f3f4f6,#f9fafb);background:var(--bg-table-header);position:-webkit-sticky;position:sticky;top:0;z-index:10}.finances-page__table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#111827;color:var(--text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem;padding:var(--spacing-md) var(--spacing-md);text-align:left;text-transform:uppercase}.finances-page__table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);padding:1rem;padding:var(--spacing-md);transition:background-color .3s ease-in-out;transition:background-color var(--transition-base)}.finances-page__table tbody tr{transition:all .3s ease-in-out;transition:all var(--transition-base)}.finances-page__table tbody tr:hover{background-color:#f9fafb;background-color:var(--bg-secondary)}.finances-page__table tbody tr.verified{background-color:#10b98114}.finances-page__table tbody tr.verified:hover{background-color:#10b98126}.finances-page__table tbody tr.unverified{background-color:#f59e0b14}.finances-page__table tbody tr.unverified:hover{background-color:#f59e0b1f}.finances-page__member-info{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.finances-page__avatar{font-size:1.25rem;text-align:center;width:32px}.finances-page__member-name{color:#111827;color:var(--text-primary);font-weight:500}.finances-page__amount{color:#10b981;color:var(--secondary-color);font-size:1rem;font-weight:600}.finances-page__badge{background:#2563eb26;border:1px solid #2563eb4d;border-radius:6px;color:#0c4a6e;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;white-space:nowrap}@media (prefers-color-scheme:dark){.finances-page__badge{background:#2563eb33;border-color:#3b82f666;color:#93c5fd}}.finances-page__method-badge{background:#a855f726;border:1px solid #a855f74d;border-radius:6px;color:#5b21b6;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;white-space:nowrap}@media (prefers-color-scheme:dark){.finances-page__method-badge{background:#a855f733;border-color:#a855f766;color:#d8b4fe}}.finances-page__status-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 8px;white-space:nowrap}.finances-page__status-badge.verified{background:#10b98126;border-color:#10b9814d;color:#065f46}@media (prefers-color-scheme:dark){.finances-page__status-badge.verified{background:#10b98133;border-color:#10b98166;color:#86efac}}.finances-page__status-badge.unverified{background:#f59e0b26;border-color:#f59e0b4d;color:#92400e}@media (prefers-color-scheme:dark){.finances-page__status-badge.unverified{background:#f59e0b33;border-color:#f59e0b66;color:#fbbf24}}.finances-page__action-buttons{display:flex;gap:6px;justify-content:center}.finances-page__btn-action{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:all .3s ease-in-out;transition:all var(--transition-base);white-space:nowrap}.finances-page__btn-action.verify{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-dark) 100%);box-shadow:0 2px 8px #10b98133}.finances-page__btn-action.verify:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.finances-page__btn-action.edit{background:linear-gradient(135deg,#0891b2,#1d4ed8);background:linear-gradient(135deg,var(--info-color) 0,var(--primary-dark) 100%);box-shadow:0 2px 8px #3b82f633}.finances-page__btn-action.edit:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.finances-page__btn-action.delete{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-dark) 100%);box-shadow:0 2px 8px #ef444433}.finances-page__btn-action.delete:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.finances-page__header h1{font-size:1.75rem}.finances-page__header{padding:1.5rem;padding:var(--spacing-lg)}.finances-page__controls{padding:1rem;padding:var(--spacing-md)}.finances-page__controls-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.finances-page__table td,.finances-page__table th{font-size:.8rem;padding:.5rem;padding:var(--spacing-sm)}.finances-page__btn{font-size:.8rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.finances-page__avatar{font-size:1rem}}@media (max-width:768px){.finances-page{padding:.5rem;padding:var(--spacing-sm)}.finances-page__header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}.finances-page__header h1{font-size:1.5rem}.finances-page__header p{font-size:.85rem}.finances-page__controls{padding:1rem;padding:var(--spacing-md)}.finances-page__controls-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.finances-page__actions{flex-direction:column}.finances-page__btn{font-size:.85rem;padding:1rem;padding:var(--spacing-md);width:100%}.finances-page__table{font-size:.75rem}.finances-page__table th{font-size:.7rem}.finances-page__table td,.finances-page__table th{padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.finances-page__member-info{gap:4px}.finances-page__avatar{font-size:1rem}.finances-page__filter-info{font-size:.8rem;padding:.5rem;padding:var(--spacing-sm)}.finances-page__empty,.finances-page__loading{padding:40px 1rem;padding:40px var(--spacing-md)}.finances-page__col-member{width:30%}.finances-page__col-amount{width:20%}.finances-page__col-concept,.finances-page__col-method{display:none}.finances-page__col-status{width:15%}.finances-page__col-date{display:none}.finances-page__col-actions{width:20%}}@media (max-width:480px){.finances-page{padding:.5rem;padding:var(--spacing-sm)}.finances-page__header{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.finances-page__header h1{font-size:1.25rem}.finances-page__header p{font-size:.8rem}.finances-page__controls{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.finances-page__controls-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.finances-page__filter-item label{font-size:.8rem}.finances-page__filter-item input,.finances-page__filter-item select{font-size:16px;padding:.5rem;padding:var(--spacing-sm)}.finances-page__actions{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.finances-page__btn{font-size:.8rem;padding:.5rem;padding:var(--spacing-sm);width:100%}.finances-page__table-container{-webkit-overflow-scrolling:touch;border-radius:.75rem;border-radius:var(--radius-lg);overflow-x:auto}.finances-page__table{font-size:.7rem;min-width:100%}.finances-page__table th{font-size:.65rem}.finances-page__table td,.finances-page__table th{padding:.25rem;padding:var(--spacing-xs)}.finances-page__badge,.finances-page__method-badge{font-size:.65rem;padding:2px 4px}.finances-page__action-buttons{gap:4px}.finances-page__btn-action{font-size:.6rem;padding:4px 6px}.finances-page__empty,.finances-page__loading{font-size:.85rem;padding:30px .5rem;padding:30px var(--spacing-sm)}.finances-page__col-member{width:40%}.finances-page__col-amount{width:25%}.finances-page__col-concept,.finances-page__col-date,.finances-page__col-method,.finances-page__col-status{display:none}.finances-page__col-actions{width:20%}}@media (max-width:400px){.finances-page__header h1{font-size:1.1rem}.finances-page__btn{font-size:.75rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.finances-page__controls-grid{gap:.25rem;gap:var(--spacing-xs)}}.finances-page__col-member{width:25%}.finances-page__col-amount,.finances-page__col-concept{width:15%}.finances-page__col-method,.finances-page__col-status{width:12%}.finances-page__col-date{width:15%}.finances-page__col-actions{width:10%}@media print{.finances-page__actions,.finances-page__btn,.finances-page__controls,.finances-page__filter-info{display:none}.finances-page{background:#fff;background:var(--bg-primary);padding:0}.finances-page__header{page-break-after:avoid}.finances-page__table{font-size:.875rem}}
/*# sourceMappingURL=main.7f9747ea.css.map*/