*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[1px\]{height:1px}.h-\[3\.5rem\]{height:3.5rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-\[360px\]{max-width:360px}.max-w-\[500px\]{max-width:500px}.max-w-lg{max-width:32rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:10px}.rounded-md{border-radius:8px}.rounded-sm{border-radius:6px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-border{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-input{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-accent{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-background{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-border{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-card{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-destructive{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:#f1f5f980}.bg-popover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.p-1{padding:.25rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-12{padding-bottom:3rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-card-foreground{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-destructive-foreground{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-foreground{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-muted-foreground{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-popover-foreground{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-primary-foreground{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-secondary-foreground{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_4px_14px_rgba\(37\,99\,235\,0\.28\)\]{--tw-shadow:0 4px 14px #2563eb47;--tw-shadow-colored:0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))}.ring-offset-background{--tw-ring-offset-color:#f8fafc}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f1f5f9;--bg-alt:#e9eef5;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--border-focus:#93c5fd;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-dim:#eff6ff;--primary-mid:#bfdbfe;--text:#0f172a;--text-2:#475569;--muted:#94a3b8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 8px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #00000014, 0 4px 8px #0000000a;--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-xl:18px}html,body,#root{height:100%;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}body{overflow-x:hidden}button,a,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::placeholder{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-emerald-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/90:hover{background-color:#dc2626e6}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-muted\/40:hover{background-color:#f1f5f966}.hover\:bg-primary\/90:hover{background-color:#2563ebe6}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:#f1f5f9cc}.hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_6px_20px_rgba\(37\,99\,235\,0\.38\)\]:hover{--tw-shadow:0 6px 20px #2563eb61;--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:bg-accent:focus{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.focus\:text-accent-foreground:focus{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:border-blue-500:focus-visible{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus-visible\:bg-white:focus-visible{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open]{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.data-\[state\=active\]\:text-foreground[data-state=active]{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (width>=640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}}@media (width>=1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.admin-shell{background:#f1f5f9;min-height:100vh;display:flex}.admin-sidebar{z-index:40;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:240px;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-brand{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:1.25rem 1.25rem 1.125rem;display:flex}.admin-sidebar-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.68rem;font-weight:900;display:flex;box-shadow:0 2px 8px #2563eb40}.admin-sidebar-title{color:#0f172a;letter-spacing:-.02em;font-size:.95rem;font-weight:800;line-height:1.2}.admin-sidebar-subtitle{color:#94a3b8;margin-top:1px;font-size:.68rem}.admin-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem;display:flex;overflow-y:auto}.admin-nav-section{color:#cbd5e1;text-transform:uppercase;letter-spacing:.08em;padding:.75rem .625rem .25rem;font-size:.65rem;font-weight:700}.admin-nav-item{color:#64748b;cursor:pointer;letter-spacing:0;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.admin-nav-item:hover{color:#0f172a;background:#f8fafc}.admin-nav-item.active{color:#2563eb;background:#eff6ff;font-weight:600}.admin-sidebar-footer{border-top:1px solid #f1f5f9;padding:.75rem}.admin-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:240px;display:flex}.admin-topbar{z-index:30;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:58px;padding:0 1.75rem;display:flex;position:sticky;top:0}.admin-topbar-left{align-items:center;gap:.75rem;display:flex}.admin-page-title{color:#0f172a;letter-spacing:-.01em;font-size:.95rem;font-weight:700}.admin-topbar-right{align-items:center;gap:.75rem;display:flex}.admin-user-chip{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:8px;padding:.375rem .875rem .375rem .5rem;font-size:.83rem;font-weight:600;display:flex}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.62rem;font-weight:700;display:flex}.admin-hamburger{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:none}.admin-hamburger:hover{color:#0f172a;background:#f1f5f9}.admin-overlay{z-index:39;background:#0f172a66;display:none;position:fixed;inset:0}.admin-content{flex:1;padding:1.75rem}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-page-heading{color:#0f172a;letter-spacing:-.03em;font-size:1.35rem;font-weight:800;line-height:1.2}.admin-page-sub{color:#64748b;margin-top:3px;font-size:.83rem;line-height:1.5}.admin-stats-grid{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:1.25rem;transition:box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-stat-card:hover{box-shadow:0 4px 12px #00000012}.admin-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-stat-value{color:#0f172a;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.admin-stat-label{color:#64748b;margin-top:2px;font-size:.78rem;font-weight:500}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-card+.admin-card{margin-top:1.25rem}.admin-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.admin-card-title{color:#0f172a;font-size:.95rem;font-weight:700}.admin-card-sub{color:#94a3b8;margin-top:2px;font-size:.78rem}.admin-filter-bar{flex-wrap:wrap;flex:1;align-items:center;gap:.625rem;display:flex}.admin-filter-input,.admin-filter-select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:0;height:34px;padding:0 .75rem;font-family:inherit;font-size:.83rem;transition:border-color .15s}.admin-filter-input:focus,.admin-filter-select:focus{border-color:#2563eb}.admin-filter-input::placeholder{color:#94a3b8}.admin-filter-select{padding-right:.5rem}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.625rem 1.25rem;font-size:.7rem;font-weight:700}.admin-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f8fafc;padding:.875rem 1.25rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#fafbfc}.admin-table-empty{text-align:center;color:#94a3b8;padding:3.5rem 1rem;font-size:.875rem}.admin-btn-actions{align-items:center;gap:5px;display:flex}.admin-btn-icon{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .12s;display:inline-flex}.admin-btn-icon:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-btn-icon.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.admin-btn-icon.warning:hover{color:#d97706;background:#fffbeb;border-color:#fde68a}.admin-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1.125rem;font-family:inherit;font-size:.83rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb38}.admin-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb4d}.admin-btn-primary:disabled{opacity:.55;cursor:not-allowed}.admin-btn-ghost{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1.125rem;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-btn-ghost:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-btn-danger{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:.5rem 1.125rem;font-family:inherit;font-size:.83rem;font-weight:700;transition:all .15s;display:inline-flex}.admin-btn-danger:hover{background:#b91c1c}.admin-modal-backdrop{z-index:100;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;animation:.14s aMBIn;display:flex;position:fixed;inset:0}@keyframes aMBIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;animation:.16s cubic-bezier(.16,1,.3,1) aMIn;overflow:hidden;box-shadow:0 24px 64px #0003}@keyframes aMIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1.125rem;display:flex}.admin-modal-title{color:#0f172a;letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.admin-modal-sub{color:#64748b;margin-top:3px;font-size:.78rem}.admin-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:3px;transition:all .12s;display:flex}.admin-modal-close:hover{color:#475569;background:#f1f5f9}.admin-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.admin-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;display:flex}.admin-form-group{flex-direction:column;gap:.375rem;display:flex}.admin-form-label{color:#374151;font-size:.78rem;font-weight:600}.admin-form-input,.admin-form-select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:38px;padding:0 .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.admin-form-input:focus,.admin-form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.admin-form-input::placeholder{color:#94a3b8}.admin-form-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.admin-form-input.invalid,.admin-form-select.invalid{background:#fff8f8;border-color:#fca5a5}.admin-form-input.invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262617}.admin-form-error{color:#dc2626;align-items:center;gap:4px;margin-top:3px;font-size:.72rem;display:flex}.admin-form-row{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.admin-badge{white-space:nowrap;border-radius:99px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-badge-green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-badge-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-badge-amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.admin-badge-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.admin-badge-purple{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.admin-badge-gray{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.admin-loading{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:3rem;font-size:.875rem;display:flex}.admin-spinner-sm{border:2px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite aSpin}@keyframes aSpin{to{transform:rotate(360deg)}}.admin-alert{border-radius:8px;align-items:flex-start;gap:8px;padding:.625rem .875rem;font-size:.83rem;display:flex}.admin-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-confirm-body{padding:1.125rem 1.5rem}.admin-confirm-text{color:#475569;font-size:.875rem;line-height:1.65}.admin-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.83rem}@media (width<=1200px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0000001f}.admin-overlay.open{display:block}.admin-main{margin-left:0}.admin-hamburger{display:flex}.admin-content{padding:1.25rem}.admin-topbar{padding:0 1.25rem}}@media (width<=640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.admin-content{padding:1rem}.admin-page-header{margin-bottom:1rem}.admin-page-heading{font-size:1.15rem}.admin-form-row{grid-template-columns:1fr}.admin-card-header{padding:.875rem 1rem}.admin-table th,.admin-table td{padding:.625rem .875rem}.admin-modal-body{padding:1rem 1.25rem}.admin-modal-footer{padding:.875rem 1.25rem}.admin-modal-header{padding:1rem 1.25rem .875rem}.admin-modal{border-radius:14px}}@media (width<=400px){.admin-stats-grid{grid-template-columns:1fr}.admin-user-chip span:last-child{display:none}}.kiosk-page{background:#fff;min-height:100vh;display:flex}.kiosk-aside{background:linear-gradient(160deg,#0c1d6a 0%,#1535a8 60%,#2457d4 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;width:420px;padding:3rem 2.75rem;display:flex;position:relative;overflow:hidden}.kiosk-aside:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.kiosk-aside:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000038 100%);position:absolute;inset:0}.kiosk-top{z-index:1;flex-direction:column;gap:2rem;display:flex;position:relative}.kiosk-brand{align-items:center;gap:14px;display:flex}.kiosk-seal{color:#fff;letter-spacing:-.5px;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:.92rem;font-weight:900;display:flex;box-shadow:0 0 0 6px #ffffff0f}.kiosk-brand-name{color:#fff;letter-spacing:-.03em;margin:0;font-size:1.4rem;font-weight:800}.kiosk-brand-school{color:#fff9;margin-top:2px;font-size:.77rem}.kiosk-divider{background:#fff3;border-radius:99px;width:40px;height:1.5px}.kiosk-clock-wrap{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.kiosk-time-display{font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;line-height:1;display:flex}.kiosk-time-main{color:#fff;letter-spacing:-.05em;font-size:3.75rem;font-weight:800}.kiosk-time-sec{color:#ffffff73;letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:700}.kiosk-clock-date{color:#ffffff9e;text-transform:capitalize;margin-top:12px;font-size:.87rem;line-height:1.6}.kiosk-aside-tagline{color:#ffffff59;z-index:1;font-size:.74rem;line-height:1.7;position:relative}.kiosk-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite kspin;display:inline-block}@keyframes kspin{to{transform:rotate(360deg)}}@media (width<=820px){.kiosk-page{flex-direction:column}.kiosk-aside{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:auto;padding:.875rem 1.5rem}.kiosk-aside:before,.kiosk-aside:after{display:none}.kiosk-top{flex-direction:row;align-items:center;gap:10px}.kiosk-divider{display:none}.kiosk-brand{flex-direction:row;align-items:center;gap:10px}.kiosk-seal{width:36px;height:36px;box-shadow:none;font-size:.75rem}.kiosk-brand-name{font-size:1.05rem}.kiosk-brand-school{font-size:.72rem}.kiosk-clock-wrap{text-align:right;flex:none}.kiosk-time-main{font-size:1.6rem}.kiosk-time-sec{margin-bottom:1px;font-size:.875rem}.kiosk-clock-date{margin-top:2px;font-size:.68rem}.kiosk-aside-tagline{display:none}}@media (width<=580px){.kiosk-aside{padding:.75rem 1rem}.kiosk-brand-school{display:none}.kiosk-brand-name{font-size:1rem}.kiosk-time-main{font-size:1.35rem}.kiosk-time-sec{font-size:.78rem}.kiosk-clock-date{display:none}}@media (width<=380px){.kiosk-aside{padding:.625rem .875rem}.kiosk-seal{width:28px;height:28px;font-size:.62rem}.kiosk-brand-name{font-size:.9rem}.kiosk-time-main{font-size:1.2rem}.kiosk-time-sec{font-size:.7rem}}.flow-cam-frame{aspect-ratio:4/3;background:#0f172a;border-radius:12px;position:relative;overflow:hidden}.flow-cam-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.flow-cam-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flow-face-guide{border:2.5px solid #60a5fad9;border-radius:50%;justify-content:center;align-items:center;width:155px;height:195px;display:flex;position:relative;box-shadow:0 0 0 9999px #00000047,inset 0 0 0 1px #ffffff0f}.flow-scan-line{background:linear-gradient(90deg,#0000,#60a5fae6,#0000);border-radius:99px;height:1.5px;animation:2.5s ease-in-out infinite flowScan;position:absolute;top:15%;left:8%;right:8%}@keyframes flowScan{0%{opacity:.8;top:15%}50%{opacity:.6;top:80%}to{opacity:.8;top:15%}}.flow-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite fspin;display:inline-block}@keyframes fspin{to{transform:rotate(360deg)}}.flow-progress-bar{background:#e2e8f0;border-radius:99px;height:3px;overflow:hidden}.flow-progress-fill{background:#2563eb;height:100%;animation:2.3s ease-in-out forwards flowProgress}@keyframes flowProgress{0%{width:0}to{width:100%}}@media (width<=580px){.flow-face-guide{width:130px;height:165px}}@media (width<=380px){.flow-face-guide{width:110px;height:140px}}.splash{height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}@keyframes spinUtil{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spinUtil}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:2.5rem 2rem}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo-icon{background:var(--primary);color:#fff;letter-spacing:-.5px;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .75rem;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 14px #2563eb40}.auth-title{letter-spacing:-.03em;color:var(--text);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.auth-sub{color:var(--text-2);font-size:.84rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-2);font-size:.8rem;font-weight:600}.form-group input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:var(--muted)}.auth-footer{text-align:center;color:var(--text-2);margin-top:1.5rem;font-size:.82rem}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:.68rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #2563eb33}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-ghost{color:var(--text-2);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-2);border-color:#cbd5e1}.btn-full{width:100%}.btn-sm{padding:.38rem .8rem;font-size:.79rem}.btn-back{color:var(--text-2);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:.84rem;display:inline-flex}.btn-back:hover{color:var(--text)}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem;font-weight:600}.link-btn:hover{text-decoration:underline}.btn-action{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);flex-direction:column;flex:1;align-items:center;gap:6px;padding:1.25rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.btn-action:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-success:hover:not(:disabled){background:var(--green-bg);border-color:#86efac}.btn-danger:hover:not(:disabled){background:var(--red-bg);border-color:#fca5a5}.btn-disabled{opacity:.45;cursor:not-allowed}.btn-action-icon{font-size:1.4rem}.btn-action-sub{color:var(--muted);font-size:.75rem;font-weight:400}.alert{border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.83rem}.alert-error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.alert-warn{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.navbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.navbar-logo{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;display:flex}.navbar-right{align-items:center;gap:.75rem;display:flex}.navbar-user{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.82rem;overflow:hidden}.page{background:var(--bg);min-height:100vh}.page-header{padding:1.5rem 1.5rem .5rem}.page-header h2{color:var(--text);margin:.25rem 0;font-size:1.3rem;font-weight:700}.page-sub{color:var(--text-2);font-size:.83rem}.dashboard{flex-direction:column;gap:1rem;max-width:520px;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.date-card{background:var(--primary);border-radius:var(--radius);text-align:center;padding:1.25rem;box-shadow:0 4px 14px #2563eb33}.date-text{color:#ffffffbf;text-transform:capitalize;font-size:.82rem}.time-text{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:2.2rem;font-weight:800}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;padding:1.25rem;display:flex}.status-item{text-align:center;flex:1}.status-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.73rem;font-weight:600;display:block}.status-time{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;display:block}.time-ok{color:var(--green)}.time-empty{color:var(--border)}.status-divider{background:var(--border);width:1px;height:40px}.action-grid{gap:.75rem;display:flex}.cam-section{flex-direction:column;gap:.75rem;display:flex}.cam-header{justify-content:space-between;align-items:center;display:flex}.cam-header h3{color:var(--text);font-size:1rem;font-weight:600}.cam-wrap{flex-direction:column;gap:.75rem;display:flex}.cam-frame{border-radius:var(--radius);background:#0f172a;position:relative;overflow:hidden}.cam-video{-o-object-fit:cover;object-fit:cover;width:100%;max-height:320px;display:block}.cam-corner{z-index:10;width:20px;height:20px;position:absolute}.cam-corner.tl{border-top:2.5px solid var(--primary);border-left:2.5px solid var(--primary);top:8px;left:8px}.cam-corner.tr{border-top:2.5px solid var(--primary);border-right:2.5px solid var(--primary);top:8px;right:8px}.cam-corner.bl{border-bottom:2.5px solid var(--primary);border-left:2.5px solid var(--primary);bottom:8px;left:8px}.cam-corner.br{border-bottom:2.5px solid var(--primary);border-right:2.5px solid var(--primary);bottom:8px;right:8px}.cam-scan-line{background:linear-gradient(90deg, transparent, var(--primary), transparent);height:2px;animation:2.5s ease-in-out infinite scanMove;position:absolute;top:0;left:0;right:0}@keyframes scanMove{0%{opacity:1;top:0}49%{opacity:.8}50%{opacity:0;top:100%}51%{opacity:0;top:0}52%{opacity:.8}to{opacity:1;top:100%}}.cam-error{text-align:center;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border);color:var(--text-2);padding:2rem}.cam-error-icon{margin-bottom:.5rem;font-size:2rem;display:block}.result-card{border-radius:var(--radius);border:1px solid;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.result-success{background:var(--green-bg);border-color:var(--green-border)}.result-error{background:var(--red-bg);border-color:var(--red-border)}.result-icon{font-size:1.5rem;font-weight:700}.result-success .result-icon{color:var(--green)}.result-error .result-icon{color:var(--red)}.result-msg{color:var(--text);font-size:.9rem;font-weight:600}.result-sub{color:var(--text-2);margin-top:2px;font-size:.78rem}.history-section{flex-direction:column;gap:.75rem;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--text);font-size:.95rem;font-weight:600}.empty-state{text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;font-size:.83rem}.history-list{flex-direction:column;gap:.5rem;display:flex}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.history-date{color:var(--text);font-size:.85rem;font-weight:500}.history-status{color:var(--text-2);text-transform:capitalize;margin-top:2px;font-size:.72rem}.history-times{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge-in,.badge-out{border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:600}.badge-in{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-out{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.tips-card{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--radius-sm);color:var(--amber);padding:.875rem 1rem;font-size:.82rem;line-height:1.6}@media (width<=768px){.form-group input{font-size:1rem}.navbar{padding:0 1rem}.page-header{padding:1.25rem 1rem .5rem}.dashboard{padding:1rem}}@media (width<=480px){.auth-page{align-items:flex-start;padding:2.5rem 1rem 1.5rem}.auth-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.75rem 1.25rem}.auth-title{font-size:1.3rem}.navbar-user{display:none}.time-text{font-size:1.8rem}.status-time{font-size:1.2rem}.btn-action{padding:1rem .75rem}.history-item{padding:.75rem .875rem}.history-date{font-size:.82rem}}@media (width<=360px){.auth-page{padding:2rem .75rem 1rem}.auth-card{padding:1.5rem 1rem}.action-grid{flex-direction:column}.dashboard{padding:.75rem}.status-time{font-size:1.1rem}}