@import url(https://fonts.googleapis.com/css2?family=Chivo:wght@700;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem}*{border-color:#e5e5e5;border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:#0a0a0a;color:hsl(var(--foreground))}[data-debug-wrapper=true]{display:contents!important}[data-debug-wrapper=true]>*{border:inherit;column-gap:inherit;gap:inherit;margin:inherit;padding:inherit;row-gap:inherit}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{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))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-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)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(.5rem - 4px);border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-tl-sm{border-top-left-radius:calc(.5rem - 4px);border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:#ef4444;border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:#ef444480;border-color:hsl(var(--destructive)/.5)}.border-input{border-color:#e5e5e5;border-color:hsl(var(--input))}.border-primary{border-color:#171717;border-color:hsl(var(--primary))}.border-primary\/50{border-color:#17171780;border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:#f5f5f5;background-color:hsl(var(--accent))}.bg-background{background-color:#fff;background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-border{background-color:#e5e5e5;background-color:hsl(var(--border))}.bg-card{background-color:#fff;background-color:hsl(var(--card))}.bg-destructive{background-color:#ef4444;background-color:hsl(var(--destructive))}.bg-foreground{background-color:#0a0a0a;background-color:hsl(var(--foreground))}.bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.bg-muted\/50{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:#fff;background-color:hsl(var(--popover))}.bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.bg-primary\/10{background-color:#1717171a;background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:#17171733;background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.bg-transparent{background-color:initial}.fill-current{fill:currentColor}.fill-primary{fill:#171717;fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:#171717;color:hsl(var(--accent-foreground))}.text-card-foreground{color:#0a0a0a;color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:#ef4444;color:hsl(var(--destructive))}.text-destructive-foreground{color:#fafafa;color:hsl(var(--destructive-foreground))}.text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.text-foreground\/50{color:#0a0a0a80;color:hsl(var(--foreground)/.5)}.text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.text-popover-foreground{color:#0a0a0a;color:hsl(var(--popover-foreground))}.text-primary{color:#171717;color:hsl(var(--primary))}.text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:#171717;color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:#0a0a0a;color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:#0a0a0a;color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:#737373;color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-0:after{bottom:0;content:var(--tw-content);top:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:.25rem}.after\:-translate-x-1\/2:after{--tw-translate-x:-50%;content:var(--tw-content);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))}.first\:rounded-l-md:first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-width:1px}.last\:rounded-r-md:last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:bg-accent:hover{background-color:#f5f5f5;background-color:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:#ef4444cc;background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6;background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted:hover{background-color:#f5f5f5;background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:#f5f5f580;background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:#171717;background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:#171717cc;background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:#171717e6;background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc;background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:#171717;color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:#0a0a0a;color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:#737373;color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:#fafafa;color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:#f5f5f5;background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:#171717;background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:#171717;color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{color:#fafafa;color:hsl(var(--primary-foreground))}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{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-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)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1: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(1px + 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-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),0 0 #0000;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-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:#f5f5f566;border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:#e5e5e5;border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:#f5f5f5;background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:#171717;background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:#fff;background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:#737373;color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:#fafafa;color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:#0a0a0a;color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\: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: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)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:#ef44444d;border-color:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:#ef4444;background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:#fafafa;color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;color:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{color:#737373;color:hsl(var(--muted-foreground))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{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:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{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:-0.25rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:#fff;background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:#171717;background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:#f5f5f5;background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:#e5e5e5;background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:#0a0a0a;color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:#fafafa;color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:#171717;color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:#737373;color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.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: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)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);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-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);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\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color:#f5f5f5;background-color:hsl(var(--accent))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))}.dark\:border-destructive:is(.dark *){border-color:#ef4444;border-color:hsl(var(--destructive))}@media (min-width:640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:mt-0{margin-top:0}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y:100%}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[420px\]{max-width:420px}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\+div\]\:text-xs+div{font-size:.75rem;line-height:1rem}.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:#f5f5f5;background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(.5rem - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-top-left-radius:calc(.5rem - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){background-color:#f5f5f580;background-color:hsl(var(--accent)/.5)}.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-bottom-right-radius:calc(.5rem - 2px);border-bottom-right-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(.5rem - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))}.\[\&\>span\]\:line-clamp-1>span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\]\:size-4>svg{height:1rem;width:1rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:#ef4444;color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:#0a0a0a;color:hsl(var(--foreground))}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{--tw-rotate:90deg}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div,.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{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\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:#737373;color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{height:1rem;width: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}*{box-sizing:border-box}body{background-color:#fff;color:#0f172a;font-family:Inter,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Chivo,sans-serif;font-weight:700;letter-spacing:-.025em}.mono{font-family:JetBrains Mono,monospace}.loading-screen{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#dc2626;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.btn,.btn-danger,.btn-primary,.btn-secondary,.btn-success,.btn-warning{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:42px;justify-content:center;letter-spacing:.03em;min-height:42px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 4px 14px #3b82f659;color:#f8fafc}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 6px 20px #3b82f673;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6}.btn-secondary{background-color:#f1f5f9;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000000d;color:#475569}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{box-shadow:0 2px 6px #dc262633}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6}.btn-success{background-color:#dcfce7;border:1px solid #bbf7d0;box-shadow:0 1px 3px #1665341a;color:#166534}.btn-success:hover:not(:disabled){background-color:#16a34a;border-color:#16a34a;color:#fff;transform:translateY(-1px)}.btn-warning{background-color:#fef3c7;border:1px solid #fcd34d;box-shadow:0 1px 3px #f59e0b1a;color:#92400e}.btn-warning:hover:not(:disabled){background-color:#f59e0b;border-color:#f59e0b;color:#fff;transform:translateY(-1px)}.btn-destructive{align-items:center;background-color:#dc2626;border:none;border-radius:8px;box-shadow:0 2px 8px #dc262633;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.03em;min-height:40px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.btn-destructive:hover:not(:disabled){background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger.btn-sm,.btn-primary.btn-sm,.btn-secondary.btn-sm,.btn-sm,.btn-success.btn-sm{font-size:13px;height:42px;min-height:42px;padding:10px 20px}.btn-danger.btn-lg,.btn-lg,.btn-primary.btn-lg,.btn-secondary.btn-lg{font-size:14px;min-height:48px;padding:14px 28px}.btn-icon{display:inline-flex;padding:0}.btn-icon.btn-icon-danger{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-icon.btn-icon-danger:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.btn-block{width:100%}.btn-outline{background-color:initial;border:2px solid #0f172a;border-radius:6px;color:#0f172a;font-size:14px;font-weight:700;padding:12px 32px;text-transform:uppercase}.btn-outline:hover{background-color:#0f172a;color:#f8fafc}.status-badge{border-radius:9999px;display:inline-block;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.05em}.status-active{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.status-due-soon{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-expired,.status-overdue{background-color:#fee2e2;border:1px solid #dc2626;color:#991b1b}.status-completed{background-color:#dcfce7;border:1px solid #22c55e;color:#166534}.status-upcoming{background-color:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .2s ease}.card:hover{border-color:#0f172a80;box-shadow:0 4px 12px #00000014}.input-field{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-family:Inter,sans-serif;font-weight:500;height:48px;padding:0 16px}.input-field:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.textarea-field{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.textarea-field:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a;outline:none}.label{color:#334155;display:block;font-size:13px;letter-spacing:.01em}.hero-section,.landing-page{min-height:100vh}.hero-section{align-items:center;background-attachment:fixed;background-image:url(https://customer-assets.emergentagent.com/job_59fd6fb7-e604-490c-8200-45914b5739aa/artifacts/3mwnr4be_DOC%20DESK.png);background-position:50%;background-size:cover;display:flex;justify-content:center;position:relative}.hero-overlay{background:linear-gradient(135deg,#0f172af2,#1e293be6);bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;max-width:800px;padding:0 24px;position:relative;text-align:center;z-index:1}.hero-logo{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;margin-bottom:24px;margin-left:auto;margin-right:auto;width:180px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;text-shadow:0 4px 20px #0000004d}.hero-title span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#e2e8f0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.hero-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;box-shadow:0 6px 20px #dc262666;font-size:16px;padding:18px 52px;transition:all .3s ease}.hero-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 10px 30px #dc262680;transform:translateY(-4px) scale(1.02)}.hero-security-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}.hero-trust-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98126;border:1px solid #10b9814d;border-radius:50px;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.hero-trust-badge:hover{background:#10b98140;transform:translateY(-2px)}.hero-trust-badge svg{flex-shrink:0}.hero-security-text{align-items:center;color:#fffc;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:16px}.hero-security-text svg{color:#10b981}@media (max-width:768px){.hero-security-badges{gap:8px;margin-top:24px}.hero-trust-badge{font-size:11px;padding:8px 12px}.hero-security-text{flex-wrap:wrap;font-size:12px;text-align:center}}@media (max-width:480px){.hero-security-badges{align-items:center;flex-direction:column;gap:8px}.hero-trust-badge{justify-content:center;max-width:220px;width:100%}}.auth-modal{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;justify-content:center;overflow-y:auto;padding:24px;z-index:9999}.auth-modal,.auth-modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172acc;z-index:-1}.auth-modal-content{animation:slideUp .3s ease;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 80px #00000059;flex-shrink:0;margin:auto 0;max-width:480px;padding:48px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.auth-modal-close:hover{background-color:#f1f5f9;color:#0f172a}.auth-header{margin-bottom:32px;text-align:center}.auth-header h2{color:#0f172a;font-size:28px;margin-bottom:8px}.auth-header p{color:#64748b;font-size:14px}.auth-tabs{background-color:#f1f5f9;border-radius:8px;display:flex;gap:8px;margin-bottom:32px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.auth-tab.active{background-color:#fff;box-shadow:0 2px 4px #0000000d;color:#0f172a}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-submit-btn{margin-top:8px;width:100%}.forgot-password-link{margin-top:16px;text-align:center}.forgot-password-link button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease}.forgot-password-link button:hover{color:#1d4ed8;text-decoration:underline}.account-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:8px}.account-type-option{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.account-type-option:hover{background-color:#f8fafc;border-color:#cbd5e1}.account-type-option.selected{background-color:#eff6ff;border-color:#3b82f6}.account-type-option svg{color:#64748b;flex-shrink:0}.account-type-option.selected svg{color:#3b82f6}.option-details{display:flex;flex-direction:column;gap:2px}.option-title{color:#0f172a;font-size:14px;font-weight:600}.option-price{color:#059669;font-size:12px;font-weight:700}.account-type-hint{color:#64748b;font-size:12px;margin-top:8px;text-align:center}.billing-plan-selector{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.billing-plan-selector .label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.select-wrapper{align-items:center;display:flex;position:relative}.billing-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-weight:500;padding-right:36px!important}.select-icon{color:#64748b;pointer-events:none;position:absolute;right:12px}.unlimited-permits-note{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:8px;margin-top:12px;padding:12px 16px;text-align:center}.unlimited-permits-note span{color:#065f46;font-size:14px;font-weight:600}.savings-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;font-weight:600;padding:6px 12px;width:100%}.plan-description,.savings-badge{font-size:12px;margin-top:8px;text-align:center}.plan-description{color:#64748b}.features-section{background-color:#f8fafc;padding:100px 24px}.container{margin:0 auto;max-width:1200px}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:64px;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:#fff;border:1px solid #e2e8f0;border-left:4px solid #0f172a;border-radius:8px;padding:32px;transition:all .2s ease}.feature-card:hover{border-left-color:#dc2626;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:#0f172a;font-size:20px;margin-bottom:12px}.feature-card p{color:#475569;line-height:1.6}.landing-footer{background-color:#0f172a;color:#94a3b8;padding:40px 24px;text-align:center}.landing-footer p{font-size:14px;margin:8px 0}.security-section{background:linear-gradient(135deg,#0f172a,#1e293b);padding:60px 0}.security-header{margin-bottom:40px;text-align:center}.security-badge-large{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 32px #10b9814d;color:#fff;display:flex;height:96px;justify-content:center;margin:0 auto 20px;width:96px}.security-header h2{color:#fff;font-size:32px;font-weight:700;margin:0 0 12px}.security-header p{color:#94a3b8;font-size:16px;margin:0 auto;max-width:500px}.security-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.security-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.security-item:hover{background:#ffffff14;transform:translateY(-4px)}.security-item-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.security-item-icon.ssl{background:linear-gradient(135deg,#3b82f6,#2563eb)}.security-item-icon.storage{background:linear-gradient(135deg,#10b981,#059669)}.security-item-icon.server{background:linear-gradient(135deg,#f59e0b,#d97706)}.security-item-icon.auth{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.security-item h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.security-item p{color:#94a3b8;font-size:13px;margin:0}.security-certificate-badge{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:50px;display:flex;gap:12px;justify-content:center;margin:0 auto;max-width:500px;padding:16px 32px}.security-certificate-badge svg{color:#10b981;flex-shrink:0}.security-certificate-badge span{color:#10b981;font-size:14px;font-weight:500}@media (max-width:768px){.security-section{padding:40px 0}.security-header h2{font-size:24px}.security-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.security-item{padding:16px}.security-item-icon{height:48px;width:48px}.security-item h4{font-size:14px}.security-certificate-badge{flex-direction:column;padding:16px;text-align:center}.auth-modal{align-items:flex-start;padding:16px}.auth-modal-content{border-radius:12px;margin:16px auto;max-height:none;padding:24px}.auth-header h1{font-size:24px}.auth-tabs{gap:8px}.auth-tab{font-size:14px;padding:10px 16px}.account-type-selector{flex-direction:column}.account-type-option,.billing-plan-selector{padding:12px}.btn-primary{font-size:15px;padding:14px 24px}}@media (max-width:480px){.auth-modal{padding:8px}.auth-modal-content{border-radius:8px;margin:8px auto;padding:20px}.auth-header h1{font-size:20px}.auth-header p{font-size:13px}.form-group{margin-bottom:12px}.label{font-size:13px}.input-field{font-size:14px;padding:10px 12px}.account-type-option{padding:10px}.option-title{font-size:14px}.option-price{font-size:12px}.billing-plan-selector{margin-top:12px;padding:10px}.savings-badge{font-size:11px;padding:4px 8px}}.promo-code-section{background-color:#f0fdf4;border:1px dashed #22c55e;border-radius:8px;margin-top:8px;padding:16px}.promo-code-input-group{display:flex;gap:8px}.promo-input{flex:1 1;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:1px;text-transform:uppercase}.promo-input.valid{background-color:#f0fdf4;border-color:#22c55e}.promo-input.invalid{background-color:#fef2f2;border-color:#ef4444}.btn-validate-promo{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-validate-promo:hover{background-color:#16a34a}.btn-validate-promo:disabled{background-color:#94a3b8;cursor:not-allowed}.promo-success{color:#16a34a}.promo-error,.promo-success{font-size:13px;font-weight:600;margin-bottom:0;margin-top:8px}.promo-error{color:#ef4444}.promo-hint{color:#64748b;font-size:12px;margin-bottom:0;margin-top:8px}.password-input-wrapper .input-field{padding-right:45px}.password-toggle-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.password-toggle-btn:hover{color:#0f172a}.registration-choice{padding:0}.promo-code-entry-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin-bottom:20px;padding:20px}.promo-code-header{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:4px}.promo-code-description{color:#a16207;font-size:13px;margin-bottom:12px}.promo-code-entry-section .promo-code-input-group{display:flex;gap:8px}.promo-code-entry-section .promo-input{background:#fff;border:2px solid #fcd34d;flex:1 1;font-weight:600;letter-spacing:1px}.promo-code-entry-section .promo-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.promo-code-entry-section .btn-validate-promo{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.promo-code-entry-section .btn-validate-promo:hover:not(:disabled){background:#d97706}.promo-code-entry-section .btn-validate-promo:disabled{cursor:not-allowed;opacity:.6}.registration-divider{align-items:center;display:flex;margin:24px 0}.registration-divider:after,.registration-divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.registration-divider span{color:#94a3b8;font-size:12px;font-weight:600;padding:0 16px;text-transform:uppercase}.start-regular-registration{font-size:14px;font-weight:600;padding:12px;width:100%}.trial-hint{color:#64748b;font-size:12px;margin-top:8px;text-align:center}.promo-verified-badge{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;color:#047857;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:10px 14px}.promo-verified-badge svg{color:#10b981}.change-promo-btn{background:none;border:none;color:#059669;cursor:pointer;font-size:12px;margin-left:auto;text-decoration:underline}.change-promo-btn:hover{color:#047857}.option-price.promo-price{color:#059669;font-weight:600}.field-hint{color:#94a3b8;font-size:11px;margin-top:4px}.notification-preferences{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.notification-preferences .label{margin-bottom:12px}.checkbox-option{align-items:flex-start;background:#f8fafc;border-radius:6px;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px}.checkbox-option input[type=checkbox]{accent-color:#dc2626;cursor:pointer;height:18px;margin-top:2px;width:18px}.checkbox-option.disabled-option{background:#f1f5f9}.checkbox-option.disabled-option input[type=checkbox]{cursor:not-allowed}.checkbox-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{font-weight:600}.checkbox-required{color:#dc2626;font-size:11px;font-weight:500}.checkbox-optional{color:#64748b;font-size:11px;font-weight:500}.preference-hint{color:#64748b;font-size:11px;line-height:1.5;margin:0 0 12px;padding-left:28px}.preference-hint a{color:#3b82f6;text-decoration:none}.preference-hint a:hover{text-decoration:underline}.sms-consent{background:#fef3c7;border:1px solid #fcd34d}.hero-buttons{flex-direction:column;gap:16px;margin-bottom:24px}.auth-share-btn,.hero-buttons{align-items:center;display:flex}.auth-share-btn{background:#3b82f61a;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:12px;padding:16px 24px;transition:all .3s ease;width:100%}.auth-share-btn:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.btn-share.hero-btn{align-items:center;background:#ffffff1a;border:2px solid #fff6;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-width:220px;padding:16px 48px;transition:all .3s ease}.btn-share.hero-btn:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px)}.share-modal{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;max-width:90vw;padding:32px;position:relative;width:450px}.share-modal .modal-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:40px}.share-modal .modal-close-btn:hover{background:#fff3;color:#fff}.share-modal-header{margin-bottom:28px;text-align:center}.share-modal-header svg{color:#3b82f6;margin-bottom:12px}.share-modal-header h2{color:#f8fafc;font-size:24px;font-weight:700;margin:0 0 8px}.share-modal-header p{color:#94a3b8;font-size:14px;margin:0}.share-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.share-option-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:16px;padding:16px 20px;transition:all .2s ease}.share-option-btn.email-share{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.share-option-btn.email-share:hover{box-shadow:0 4px 12px #3b82f666;transform:translateX(4px)}.share-option-btn.sms-share{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.share-option-btn.sms-share:hover{box-shadow:0 4px 12px #10b98166;transform:translateX(4px)}.share-option-btn.copy-share{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.share-option-btn.copy-share:hover{background:#3b82f633}.share-link-box{background:#0f172a;border-radius:10px;display:flex;gap:8px;padding:4px}.share-link-input{background:#0000;border:none;color:#94a3b8;flex:1 1;font-size:13px;outline:none;padding:12px}.share-link-box .copy-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 16px;transition:all .2s}.share-link-box .copy-btn:hover{background:#2563eb}@media (max-width:640px){.hero-buttons{align-items:center;flex-direction:column}.btn-share{justify-content:center;width:100%}.share-modal{padding:24px}}.permit-form{gap:24px}.custom-permit-section{margin:-8px 0}.custom-permit-section .input-field{border-color:#f59e0b}.custom-permit-section .field-hint{color:#92400e}select optgroup{color:#64748b;font-weight:700;padding:8px 0}.last-qual-section{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:8px;padding:16px}.last-qual-section .label{color:#92400e;font-weight:600}.last-qual-section .field-hint{color:#78350f;font-size:12px;line-height:1.5;margin-top:8px}.last-qual-section .input-field{background-color:#fff;border-color:#fcd34d}.last-qual-section .input-field:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.modal-content-large{max-width:950px}@media (max-width:640px){.qualifications-grid{grid-template-columns:1fr}.training-checkbox-group{flex-direction:column}.modal-content-large{max-width:100%;padding:20px}}.modal-content{max-width:540px}.modal-header{margin-bottom:32px}.qual-form{display:flex;flex-direction:column;gap:24px}.checkbox-group{margin:0}.checkbox-label{color:#0f172a;font-size:14px;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.info-box{background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:14px;line-height:1.6;padding:16px}.info-box strong{font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content{animation:modalSlideUp .3s ease;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:650px;padding:32px;position:relative}.modal-content-large{max-width:min(1800px,95vw)!important;padding:28px;width:95vw!important}.modal-header{margin-bottom:24px}.modal-header h2{font-size:24px;margin:0 0 4px}.permit-type-badge{background-color:#eff6ff;color:#3b82f6;font-size:13px;font-weight:500;padding:4px 10px}.modal-close-btn{align-items:center;border-radius:6px;display:flex;justify-content:center}.permit-form{gap:20px}.form-group,.permit-form{display:flex;flex-direction:column}.label{color:#374151;font-size:14px;font-weight:600;margin-bottom:8px}.input-field{background-color:#fff;font-size:15px}.field-hint{font-style:italic}.modal-actions{margin-top:8px}.modal-actions button{min-width:120px}.btn-primary{transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-outline{background:#0000;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-outline:hover{background-color:#f1f5f9;border-color:#cbd5e1}.custom-permit-section{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px}.custom-permit-section .label{color:#92400e}.employee-section{background-color:#e0f2fe;border:1px solid #0ea5e9;border-radius:8px;padding:16px}.employee-section .label{color:#0369a1}.photo-upload-section{margin-top:8px}.photo-upload-box{align-items:center;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;transition:all .2s ease}.photo-upload-box:hover{background-color:#f8fafc;border-color:#3b82f6;color:#3b82f6}.upload-hint{color:#94a3b8;font-size:12px}.image-preview-container{display:flex;flex-direction:column;gap:8px;position:relative}.image-preview{border:1px solid #e2e8f0;border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.remove-image-btn{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.remove-image-btn:hover{background-color:#fecaca}.guard-card-training-section{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid #f59e0b;border-radius:12px;padding:20px}.guard-card-training-section .label{color:#92400e;display:block;font-size:14px;font-weight:700;margin-bottom:12px}.training-checkbox-group{display:flex;gap:16px}.training-checkbox{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease}.training-checkbox input{display:none}.training-checkbox:hover{background-color:#fffbeb;border-color:#f59e0b}.training-checkbox.selected{background-color:#f0fdf4;border-color:#16a34a;color:#16a34a}.training-checkbox.selected svg{color:#16a34a}.firearms-qualification-section{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:2px solid #3b82f6;border-radius:12px;padding:20px}.firearms-qualification-section .section-label{color:#1e40af;font-size:16px;font-weight:700;margin-bottom:4px}.firearms-qualification-section .field-hint{color:#3b82f6;margin-bottom:16px}.qualifications-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.qualification-field{background-color:#fff;border:1px solid #bfdbfe;border-radius:10px;min-width:0;padding:16px;transition:all .2s ease}.qualification-field:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.qual-header{flex-direction:column}.qual-label{color:#1e40af;font-size:13px;font-weight:700;line-height:1.3}.qual-complete-btn{align-items:center;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;display:flex;font-weight:500;gap:6px;padding:6px 12px}.qual-complete-btn:hover{background-color:#e2e8f0}.qual-complete-btn.completed{background-color:#dcfce7;border-color:#22c55e;color:#16a34a}.qual-inputs{display:flex;flex-direction:column;gap:12px}.qual-date-input label,.qual-photo-input label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.qual-date-input .input-field{font-size:13px;padding:8px 12px;width:100%}.qual-photo-upload-box{align-items:center;border:2px dashed #bfdbfe;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease}.qual-photo-upload-box:hover{background-color:#eff6ff;border-color:#3b82f6}.qual-photo-preview{position:relative}.qual-photo-preview img{border:1px solid #e2e8f0;border-radius:6px;max-height:80px;object-fit:cover;width:100%}.remove-qual-photo-btn{align-items:center;background-color:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:6px;padding:4px 10px}.remove-qual-photo-btn:hover{background-color:#fecaca}@media (max-width:640px){.qualifications-grid{grid-template-columns:1fr}.training-checkbox-group{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content-large{max-width:100%;padding:20px}}.permit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;min-height:280px;overflow:hidden;position:relative;transition:all .3s ease}.permit-card:hover{border-color:#3b82f6;box-shadow:0 8px 32px #3b82f626;transform:translateY(-4px)}.permit-card-header{background:linear-gradient(135deg,#f8fafc,#eff6ff);border-bottom:1px solid #f1f5f9;padding:20px 24px}.permit-main-info{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.permit-number-section{display:flex;flex-direction:column;gap:4px}.permit-type-label{color:#3b82f6}.permit-label,.permit-type-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.permit-label{color:#64748b}.permit-number{color:#dc2626!important;font-size:20px;font-weight:700;letter-spacing:.02em}.permit-card-body{padding:20px}.permit-dates{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:16px}.date-item{display:flex;flex:1 1;flex-direction:column;gap:4px}.date-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.date-value{color:#1e40af;font-size:15px;font-weight:700}.date-divider{background-color:#cbd5e1;height:40px;width:1px}.next-qual-info-small{align-items:center;background-color:#fef3c7;border:1px solid #fde047;border-radius:6px;color:#475569;display:flex;font-size:13px;gap:8px;padding:12px}.next-qual-info-small .mono{color:#dc2626;font-weight:700}.permit-card-footer{align-items:center;background-color:#fafbfc;border-top:1px solid #f1f5f9;padding:16px 20px}.permit-card-footer,.permit-card-footer .btn-group{display:flex;flex-wrap:wrap;gap:12px}.delete-permit-btn,.edit-permit-btn,.request-change-btn{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:42px;justify-content:center;line-height:1;min-width:120px;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:120px}.edit-permit-btn{background-color:#3b82f6;border:none;color:#fff}.edit-permit-btn:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.delete-permit-btn{background-color:#dc2626;border:none;color:#fff}.delete-permit-btn:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.delete-permit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.expand-btn{background:none;border:1px solid #e2e8f0;border-radius:8px;color:#475569;flex:1 1;font-size:13px;font-weight:600;gap:8px;min-height:40px;padding:10px 18px;transition:all .2s ease}.expand-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.test-reminder-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;min-height:40px;min-width:120px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.test-reminder-btn:hover{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.qualifications-section{background-color:#f8fafc;border-top:2px solid #e2e8f0;padding:20px}.qualifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qualifications-header h4{color:#0f172a;font-size:16px;font-weight:700;margin:0}.add-qual-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-height:40px;min-width:180px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.add-qual-btn:hover{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-1px)}.qualifications-loading{color:#64748b;padding:20px;text-align:center}.qualifications-list{display:flex;flex-direction:column;gap:12px}.qualification-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.qual-info,.qualification-item{align-items:center;display:flex}.qual-info{flex:1 1;flex-wrap:wrap;gap:12px}.qual-name{color:#0f172a;min-width:150px}.qual-date,.qual-name{font-size:14px;font-weight:600}.qual-date{color:#475569}.qual-window{display:flex;flex-direction:column;gap:2px}.qual-window-label{color:#64748b;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.qual-window-dates{background-color:#eff6ff;border-radius:4px;color:#1d4ed8;font-size:13px;font-weight:600;padding:4px 8px}.status-badge.status-in-window{background-color:#059669;color:#fff}.status-badge.status-window-approaching{background-color:#f59e0b;color:#fff}.qual-complete-btn{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#166534;cursor:pointer;font-size:12px;font-weight:600;min-height:36px;min-width:130px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.qual-complete-btn:hover{background-color:#16a34a;border-color:#16a34a;color:#fff;transform:translateY(-1px)}.completed-date{color:#10b981;font-size:12px;font-weight:500}@media (max-width:640px){.qualification-item{align-items:flex-start;flex-direction:column}.qual-info{justify-content:space-between;width:100%}.qual-complete-btn{width:100%}}.permit-header-right{align-items:center;display:flex;gap:8px}.view-image-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.view-image-btn:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.renewal-notice{align-items:center;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:14px 16px}.renewal-notice strong{color:#78350f;font-weight:700}.renewal-notice .mono{color:#b45309;font-weight:700}.image-modal-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:10000}.image-modal-content{max-height:90vh;max-width:90vw;position:relative}.image-modal-close{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#0f172a;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .2s ease;width:36px}.image-modal-close:hover{background-color:#f1f5f9;transform:scale(1.1)}.permit-full-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:100%;object-fit:contain}.tracking-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.tracking-toggle.enabled{background-color:#d1fae5;color:#065f46}.tracking-toggle.enabled:hover{background-color:#a7f3d0}.tracking-toggle.disabled{background-color:#fee2e2;color:#991b1b}.tracking-toggle.disabled:hover{background-color:#fecaca}.tracking-toggle:disabled{cursor:not-allowed;opacity:.6}.tracking-label{white-space:nowrap}.employee-name{color:#3b82f6;display:block;font-size:14px;margin-bottom:2px}.permit-card.tracking-disabled{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;opacity:.7}.permit-card.tracking-disabled .permit-card-header{background:#f1f5f9}.permit-card.tracking-disabled:after{color:#64748b26;content:"Tracking Disabled";font-size:14px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%) rotate(-15deg);white-space:nowrap}@media (max-width:640px){.tracking-toggle{font-size:11px;padding:4px 8px}.tracking-label{display:none}}.next-qual-window{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:10px;margin-top:12px;padding:14px}.window-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.window-title{color:#1e40af;font-size:12px;font-weight:700;letter-spacing:.5px}.window-header svg{color:#3b82f6}.window-dates{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.window-label{color:#64748b;font-size:12px}.window-dates .mono{background-color:#fff;border-radius:6px;color:#1e40af;font-size:13px;font-weight:600;padding:4px 10px}.window-separator{color:#3b82f6;font-weight:700}.window-hint{color:#3b82f6;font-size:11px;font-style:italic;margin:8px 0 0}.past-permits-section{border:1px dashed #cbd5e1;border-radius:10px;margin-top:20px;padding:16px}.past-permits-header{margin-bottom:12px}.past-permits-title{align-items:center;color:#64748b;display:flex;font-weight:600;gap:8px}.view-history-btn{align-items:center;background-color:#f1f5f9;border:1px solid #cbd5e1;display:flex;font-size:12px;gap:6px;padding:8px 14px}.view-history-btn:hover{background-color:#e2e8f0}.request-change-btn{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.request-change-btn:hover{background-color:#f59e0b;border-color:#d97706;box-shadow:0 4px 12px #f59e0b40;color:#fff;transform:translateY(-1px)}.change-request-modal{max-width:500px;width:90%}.change-request-modal .modal-body{padding:24px}.change-request-modal .form-group{margin-bottom:20px}.change-request-modal label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.change-request-modal input,.change-request-modal select,.change-request-modal textarea{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:12px;width:100%}.change-request-modal input:disabled{background-color:#e2e8f0;color:#64748b}.change-request-modal select:focus,.change-request-modal textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.change-request-modal textarea{min-height:100px;resize:vertical}.change-request-modal .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.schedule-class-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px}.schedule-class-link{align-items:center;background-color:#f59e0b;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:12px 16px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.schedule-class-link:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.add-to-calendar-btn{align-items:center;background-color:#fff;border:2px solid #3b82f6;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.add-to-calendar-btn:hover{background-color:#3b82f6;color:#fff}.calendar-modal{background-color:#fff;color:#0f172a;max-width:450px;width:90%}.calendar-modal .modal-header{background-color:#f8fafc}.calendar-modal .modal-header,.calendar-modal .modal-header h2{align-items:center;color:#0f172a;display:flex;gap:10px}.calendar-modal .modal-body{background-color:#fff;color:#0f172a;padding:24px}.calendar-modal-info{color:#64748b;font-size:14px;margin-bottom:16px}.calendar-event-preview{background-color:#f1f5f9;border-radius:8px;color:#334155;font-size:14px;line-height:1.6;margin-bottom:20px;padding:16px}.calendar-event-preview strong{color:#0f172a}.calendar-modal .form-group{margin-bottom:20px}.calendar-modal .form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.calendar-modal .form-group input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;padding:12px;width:100%}.calendar-modal .form-group input::placeholder{color:#94a3b8}.calendar-modal .form-group input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#0f172a;outline:none}.calendar-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.calendar-option{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease}.calendar-option:hover{background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-2px)}.calendar-option.google:hover{background-color:#eef4ff;border-color:#4285f4}.calendar-option.outlook:hover{background-color:#e5f3ff;border-color:#0078d4}.calendar-option.apple:hover{background-color:#f5f5f5;border-color:#333}.calendar-modal-hint{color:#94a3b8;font-size:12px;margin:0;text-align:center}.qualification-window-info{align-items:center;border-top:1px dashed #cbd5e1;display:flex;gap:10px;margin-top:10px;padding-top:10px}.window-badge{background-color:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.calendar-modal .form-group input[type=date]{background-color:#f0f9ff;border:2px solid #3b82f6;border-radius:8px;color:#0f172a;font-size:16px;font-weight:600;padding:12px;width:100%}.calendar-modal .form-group input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f633;color:#0f172a;outline:none}.calendar-modal .form-group input[type=email],.calendar-modal .form-group input[type=email]:focus{background-color:#fff;color:#0f172a}.form-hint{color:#10b981;font-size:12px;font-weight:500;margin-top:8px}.calendar-option:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.permit-number-row{flex-wrap:wrap;gap:12px}.permit-number-row,.verification-section{align-items:center;display:flex}.verification-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.verification-badge.verified{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#047857}.verification-badge.verified svg{color:#10b981}.verification-badge.failed{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;color:#b91c1c}.verification-badge.failed svg{color:#ef4444}.verify-btn{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:20px;color:#92400e;cursor:pointer;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.verify-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 2px 8px #f59e0b4d;transform:translateY(-1px)}.verify-btn svg{color:#d97706}.verify-modal{max-width:560px;width:95%}.verify-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px 12px 0 0;color:#fff;display:flex;gap:12px;padding:16px 20px}.verify-header h2{flex:1 1;font-size:18px;margin:0}.verify-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.verify-header .close-btn:hover{background:#ffffff4d}.verify-modal .modal-body{background:#fff;padding:24px}.verify-permit-info{background:#f1f5f9;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:16px}.verify-permit-info p{color:#334155;font-size:14px;margin:4px 0}.verify-permit-info .mono{background:#e2e8f0;border-radius:4px;font-family:Monaco,Consolas,monospace;padding:2px 6px}.verify-instructions{margin-bottom:24px}.verify-instructions h3{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px;margin:20px 0 8px}.verify-instructions h3:first-child{margin-top:0}.verify-instructions p{color:#475569;font-size:13px;margin:0 0 12px}.verify-instructions ol{color:#475569;font-size:13px;margin:0;padding-left:20px}.verify-instructions ol li{line-height:1.5;margin:8px 0}.verify-instructions .highlight{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-weight:600;margin-top:4px;padding:2px 8px}.verify-instructions .highlight.mono{font-family:Monaco,Consolas,monospace}.btn-open-dca{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin:8px 0;padding:12px 20px;transition:all .2s ease}.btn-open-dca:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.verify-actions{display:flex;flex-direction:column;gap:12px;margin:20px 0}.btn-verify-success{align-items:center;background:linear-gradient(135deg,#047857,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.btn-verify-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-verify-success:disabled{cursor:not-allowed;opacity:.6}.btn-verify-fail{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-verify-fail:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.btn-verify-fail:disabled{cursor:not-allowed;opacity:.6}.verify-help-text{align-items:flex-start;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:12px;gap:8px;margin-top:16px;padding:12px 16px}.verify-help-text svg{color:#d97706;flex-shrink:0;margin-top:2px}@media (max-width:640px){.permit-number-row{align-items:flex-start;flex-direction:column;gap:8px}.verify-modal{margin:16px;max-width:100%}.verify-header{padding:12px 16px}.verify-modal .modal-body{padding:16px}.btn-open-dca{justify-content:center;width:100%}}.recommended-date{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:10px 12px}.recommended-label{color:#92400e;font-size:12px;font-weight:700}.recommended-value{color:#78350f;font-size:14px;font-weight:600}.window-note{color:#64748b;font-size:11px;font-style:italic;margin-top:8px}.window-hint{background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:4px;color:#475569;font-size:12px;margin-top:10px;padding:8px 10px}.window-hint strong{color:#1e40af}.firearms-critical-warning{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #dc2626;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 14px}.firearms-critical-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.firearms-critical-warning span{color:#991b1b;font-size:11px;font-weight:700;line-height:1.5;text-transform:uppercase}.deadline-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;display:flex;gap:6px;margin-top:8px;padding:8px 12px}.deadline-warning svg{color:#dc2626}.deadline-warning span{color:#dc2626;font-size:12px;font-weight:700}.deadline-date{color:#dc2626!important;font-weight:700!important}.account-settings-modal{max-width:580px;width:95%}.modal-header{align-items:flex-start;gap:16px;padding:24px}.modal-header-icon{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.modal-header h2{font-weight:700}.modal-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.modal-close-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;margin-left:auto;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.settings-tabs{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px}.tab-btn{background:#0000;border-radius:6px;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;white-space:nowrap}.tab-btn svg{flex-shrink:0;height:16px;width:16px}.tab-btn:hover{background-color:#e2e8f0}.tab-btn.active{background-color:#0f172a;color:#fff}.notification-options{padding:24px}.notification-option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.notification-option:hover{background-color:#f8fafc;border-color:#cbd5e1}.notification-option.active{background-color:#eff6ff;border-color:#3b82f6}.option-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.option-icon.email-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.option-icon.sms-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.option-content{flex:1 1}.option-content h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.option-content p{color:#64748b;font-size:14px;margin:0}.option-toggle{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.option-toggle.off{background-color:#e2e8f0}.option-toggle.on{background-color:#3b82f6;color:#fff}.notification-summary{align-items:center;background-color:#f1f5f9;border-radius:8px;color:#475569;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.password-form{padding:24px}.password-form .form-group{margin-bottom:20px}.password-form .label{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.password-input-wrapper{align-items:center;display:flex}.password-input-wrapper .input-field{width:100%}.field-hint{color:#64748b;font-size:12px;margin-top:6px}.modal-actions{background-color:#f8fafc;padding:16px 24px}.settings-loading{color:#64748b;padding:48px;text-align:center}.input-field{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:640px){.account-settings-modal{margin:16px;max-width:100%}.settings-tabs{gap:4px;padding:10px 12px}.tab-btn{font-size:12px;gap:4px;padding:6px 10px}.tab-btn svg{height:14px;width:14px}.notification-options,.password-form{padding:16px}.notification-option{padding:12px}.option-icon{height:44px;width:44px}}.account-info-tab{padding:24px}.account-info-card{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.account-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.account-details h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.account-email{color:#94a3b8;font-size:14px;margin:0 0 8px}.account-type-badge{background:#ffffff1a;border-radius:20px;color:#e2e8f0;display:inline-block;font-size:12px;padding:4px 12px}.member-since-section{margin-bottom:20px}.member-since-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;gap:16px;padding:20px}.member-icon,.member-since-badge{align-items:center;border-radius:12px;display:flex}.member-icon{background:#fff3;height:64px;justify-content:center;width:64px}.member-info{display:flex;flex-direction:column}.member-label{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.9;text-transform:uppercase}.member-date{font-size:24px;font-weight:700}.subscription-info{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.subscription-info h4{color:#475569;font-size:14px;font-weight:600;margin:0 0 12px}.subscription-status-badge{border-radius:8px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.subscription-status-badge.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscription-status-badge.status-trial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscription-status-badge.status-expired{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.subscription-status-badge.status-canceling{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.security-tab{padding:24px}.security-certificate{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.certificate-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;gap:16px;padding:24px}.certificate-seal{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.certificate-title h3{font-size:20px;font-weight:700;margin:0 0 4px}.certificate-title p{font-size:14px;margin:0;opacity:.9}.security-features{padding:16px}.security-feature{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px}.security-feature:last-child{border-bottom:none}.feature-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-icon.ssl{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.feature-icon.password{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.feature-icon.database{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.feature-icon.server{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.feature-icon.auth{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.feature-content{flex:1 1}.feature-content h4{color:#0f172a;font-size:14px;font-weight:600;margin:0 0 4px}.feature-content p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.feature-status{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.feature-status.active{background:#d1fae5;color:#059669}.security-footer{background:#f1f5f9;border-top:1px solid #e2e8f0;padding:20px}.trust-badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}.trust-badge{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#10b981;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.security-notice{color:#64748b;font-size:12px;line-height:1.5;margin:0;text-align:center}@media (max-width:640px){.account-info-card,.member-since-badge{flex-direction:column;text-align:center}.member-date{font-size:20px}.certificate-header,.security-feature{flex-direction:column;text-align:center}.feature-status{margin-top:8px}.trust-badges{gap:8px}}.tab-btn.danger{color:#dc2626}.tab-btn.danger:hover{background-color:#fee2e2}.tab-btn.danger.active{background-color:#dc2626;color:#fff}.danger-zone-tab{padding:24px}.danger-zone-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:16px;margin-bottom:24px;padding:32px;text-align:center}.danger-icon{color:#dc2626;margin-bottom:16px}.danger-zone-warning h3{color:#991b1b;font-size:24px;font-weight:700;margin-bottom:8px}.danger-zone-warning p{color:#7f1d1d;font-size:14px}.danger-zone-info{background-color:#fff7ed;border:1px solid #fdba74;border-radius:12px;margin-bottom:24px;padding:20px}.danger-zone-info h4{color:#9a3412;font-size:14px;font-weight:600;margin-bottom:12px}.danger-zone-info ul{list-style:none;margin:0;padding:0}.danger-zone-info li{border-bottom:1px dashed #fed7aa;color:#7c2d12;font-size:14px;padding:8px 0}.danger-zone-info li:last-child{border-bottom:none}.danger-zone-actions{display:flex;justify-content:center}.btn-danger-outline{align-items:center;background-color:initial;border:2px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.btn-danger-outline:hover{background-color:#dc2626;color:#fff}.delete-confirm-section{margin-top:20px}.delete-confirm-box{background-color:#fef2f2;border:2px solid #dc2626;border-radius:12px;padding:24px;text-align:center}.delete-confirm-box p{color:#7f1d1d;font-size:14px;margin-bottom:16px}.delete-confirm-input{background-color:#fff;border:2px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:18px;font-weight:700;letter-spacing:4px;margin-bottom:20px;max-width:300px;padding:14px;text-align:center;width:100%}.delete-confirm-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633;outline:none}.delete-confirm-input::placeholder{color:#9ca3af;font-size:14px;letter-spacing:0}.delete-confirm-actions{display:flex;gap:16px;justify-content:center}.btn-danger{align-items:center;background-color:#dc2626;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}.upgrade-section{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:16px;margin-top:24px;padding:24px}.upgrade-section h4{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 16px}.upgrade-section h4 svg{color:#10b981}.current-plan-info{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.plan-label{color:#94a3b8;font-size:14px}.plan-value{color:#10b981;font-size:16px;font-weight:700}.upgrade-description{color:#cbd5e1;font-size:14px;line-height:1.6;margin:0 0 20px}.upgrade-contact-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;padding:20px}.contact-header{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.contact-methods{display:flex;flex-direction:column;gap:10px}.contact-btn{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 18px;text-decoration:none;transition:all .2s ease}.contact-btn.email-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.contact-btn.email-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.contact-btn.phone-btn{background:#10b98133;border:1px solid #10b98166;color:#10b981}.contact-btn.phone-btn:hover{background:#10b9814d}.contact-note{color:#64748b;font-size:12px;font-style:italic;margin:16px 0 0;text-align:center}@media (max-width:480px){.upgrade-section{padding:16px}.contact-btn span{font-size:12px}}.account-management-section{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:16px;margin-top:24px;padding:24px}.account-management-section h4{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 20px}.account-management-section h4 svg{color:#60a5fa}.management-item{background:#1e293b80;border:1px solid #374151;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px}.management-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.management-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.management-value{color:#f8fafc;font-size:15px;font-weight:500}.btn-change{background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-change:hover{background:#3b82f64d}.change-form{border-top:1px solid #374151;margin-top:16px;padding-top:16px}.change-input{background:#1f2937;border:1px solid #374151;border-radius:8px;color:#f8fafc;font-size:14px;margin-bottom:12px;padding:12px 14px;transition:border-color .2s;width:100%}.change-input:focus{border-color:#3b82f6;outline:none}.change-input::placeholder{color:#6b7280}.verification-code-input{font-family:monospace;font-size:24px;font-weight:700;letter-spacing:8px;text-align:center}.change-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#0000;border:1px solid #4b5563;color:#9ca3af;font-size:14px;padding:10px 18px;transition:all .2s}.btn-cancel:hover{background:#374151}.btn-confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s}.btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-confirm:disabled{cursor:not-allowed;opacity:.5}.step-indicator{border-bottom:1px solid #374151;display:flex;gap:20px;margin-bottom:20px;padding-bottom:16px}.step{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:8px}.step.active{color:#3b82f6;font-weight:600}.step.completed{color:#10b981}.verification-message{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.verification-message svg{color:#3b82f6;flex-shrink:0}.verification-message p{color:#cbd5e1;font-size:14px;margin:0}.verification-message strong{color:#60a5fa}.email-change-note{background:#f59e0b1a;border-radius:6px;color:#f59e0b;font-size:12px;margin-top:16px;padding:10px;text-align:center}@media (max-width:480px){.management-item{padding:12px}.management-info{align-items:flex-start;flex-direction:column;gap:8px;.payment-method-section{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:16px;margin-top:24px;padding:24px}.payment-method-section h4{align-items:center;color:#f8fafc;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 16px}.payment-method-section h4 svg{color:#10b981}.payment-info{text-align:center}.payment-info p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0 0 20px}.btn-change-payment{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.btn-change-payment:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-change-payment:disabled{cursor:not-allowed;opacity:.6}.payment-note{color:#64748b!important;font-size:12px!important;font-style:italic;margin-top:16px!important}}.btn-change{text-align:center;width:100%}.step-indicator{gap:8px}.change-actions,.step-indicator{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.company-employees{padding:24px}.employees-header{justify-content:space-between;margin-bottom:24px}.employees-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.header-left h2{align-items:center;color:#0f172a;display:flex;font-size:24px;gap:10px;margin:0}.employee-count{background-color:#e2e8f0;border-radius:20px;color:#64748b;font-size:14px;font-weight:500;padding:4px 12px}.slots-indicator{align-items:center;background-color:#f1f5f9;border-radius:10px;display:flex;gap:12px;padding:12px 20px}.slots-indicator.warning{background-color:#fef3c7;border:2px solid #f59e0b}.slots-label{color:#64748b;font-size:14px}.slots-count{color:#0f172a;font-size:16px;font-weight:700}.slots-warning{align-items:center;animation:pulse 2s infinite;background-color:#fee2e2;border-radius:6px;color:#dc2626;display:flex;font-size:13px;font-weight:700;gap:6px;padding:6px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.change-requests-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 20px;transition:all .2s ease}.change-requests-banner:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.banner-content{color:#92400e;font-weight:600;gap:10px}.change-requests-list{background-color:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-bottom:20px;padding:16px}.change-request-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.change-request-item:last-child{margin-bottom:0}.request-info{align-items:center;gap:12px;margin-bottom:8px}.request-info strong{color:#0f172a}.request-type{background-color:#dbeafe;border-radius:4px;color:#1e40af;font-size:11px;font-weight:600;padding:4px 8px}.request-permit{color:#64748b;font-size:13px}.request-description{background-color:#f8fafc;border-radius:6px;color:#475569;font-size:14px;margin:8px 0;padding:10px}.request-actions{gap:8px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-approve{background-color:#dcfce7;color:#16a34a}.btn-approve:hover{background-color:#bbf7d0}.btn-reject{background-color:#fee2e2;color:#dc2626}.btn-reject:hover{background-color:#fecaca}.employees-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.search-form{display:flex;flex:1 1;gap:10px;max-width:500px}.search-input-wrapper{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:10px;padding:10px 16px}.search-input-wrapper svg{color:#94a3b8}.search-input-wrapper input{border:none;flex:1 1;font-size:14px;outline:none}.clear-search-btn{align-items:center;background-color:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.clear-search-btn:hover{background-color:#cbd5e1;color:#0f172a}.btn-search{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-search:hover{background-color:#2563eb}.btn-invite{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-invite:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-invite:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.invite-form-container{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-radius:12px;margin-bottom:24px;padding:24px}.invite-form-container h3{align-items:center;color:#1e40af;display:flex;gap:10px;margin:0 0 20px}.invite-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.invite-form .form-group{display:flex;flex-direction:column}.invite-form label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px}.invite-form input{border:2px solid #cbd5e1;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.invite-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{background-color:#e2e8f0;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background-color:#cbd5e1}.btn-send-invite{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:12px 28px;transition:all .2s ease}.btn-send-invite:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-send-invite:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.employees-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.employees-table{border-collapse:initial;border-spacing:0;width:100%}.employees-table th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-table td:first-child,.employees-table th:first-child{border-right:none;min-width:200px;width:28%}.employees-table td:nth-child(2),.employees-table th:nth-child(2){min-width:120px;width:16%}.employees-table td:nth-child(3),.employees-table th:nth-child(3){min-width:100px;width:14%}.employees-table td:nth-child(4),.employees-table th:nth-child(4){min-width:110px;width:14%}.employees-table td:nth-child(5),.employees-table th:nth-child(5){min-width:80px;text-align:center;width:8%}.employees-table td:nth-child(6),.employees-table th:nth-child(6){min-width:180px;width:20%}.employees-table td{background-color:initial;border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:16px;vertical-align:middle}.employees-table td:first-child{padding-right:24px}.employees-table tbody tr{transition:background-color .2s ease}.employees-table tbody tr:hover{background-color:#f8fafc}.employees-table tbody tr:last-child td{border-bottom:none}.employees-table tr.disabled-row{background-color:#f1f5f9;opacity:.6}.employee-name{display:inline;white-space:nowrap}.employee-name-cell{align-items:center;box-shadow:none;display:flex;flex-wrap:nowrap;gap:10px}.employee-name-cell:after,.employee-name-cell:before{content:none;display:none}.employee-name-cell .employee-name{border:none;box-shadow:none;display:inline;text-decoration:none;white-space:nowrap}.employee-email{overflow:hidden;text-overflow:ellipsis}.employee-email,.employee-phone{color:#64748b;white-space:nowrap}.employee-phone{font-family:JetBrains Mono,monospace;font-size:13px}.empty-value{color:#cbd5e1;font-size:13px;font-style:italic}.permit-count{color:#10b981;font-weight:600;text-align:center}.status-badge{display:inline-flex;font-size:12px;padding:6px 12px}.status-active{background-color:#dcfce7;color:#16a34a}.status-pending{background-color:#fef3c7;color:#d97706}.status-disabled{background-color:#fee2e2;color:#dc2626}.status-permits{background-color:#e0e7ff;color:#4338ca}.status-terminated{background-color:#fee2e2;border:1px solid #dc2626;color:#991b1b}.from-permits-badge{align-items:center;background-color:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px;white-space:nowrap}.actions-cell{min-width:200px;width:200px}.action-buttons{align-items:center;flex-wrap:nowrap;gap:6px;justify-content:flex-start}.btn-icon{border:none;border-radius:6px;height:30px;min-width:30px;width:30px}.btn-view{background-color:#eff6ff;color:#3b82f6}.btn-view:hover{background-color:#dbeafe}.btn-notify{background-color:#fef3c7;color:#d97706}.btn-notify:hover{background-color:#fde68a}.btn-add{background-color:#d1fae5;color:#059669}.btn-add:hover{background-color:#a7f3d0}.btn-resend{background-color:#fef3c7;color:#d97706}.btn-resend:hover{background-color:#fde68a}.btn-enable{background-color:#dcfce7;color:#16a34a}.btn-enable:hover{background-color:#bbf7d0}.btn-disable{background-color:#fee2e2;color:#dc2626}.btn-disable:hover{background-color:#fecaca}.btn-delete{background-color:#f1f5f9;color:#64748b}.btn-delete:hover{background-color:#fee2e2;color:#dc2626}.btn-terminate{background-color:#fef3c7;color:#b45309}.btn-terminate:hover{background-color:#fde68a;color:#92400e}.btn-reactivate{background-color:#d1fae5;color:#059669}.btn-reactivate:hover{background-color:#a7f3d0;color:#047857}.terminated-row{background-color:#fef2f2!important;opacity:.85}.terminated-row td{color:#6b7280}.terminated-row:hover{background-color:#fee2e2!important}.status-filter-wrapper{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;gap:8px;padding:8px 14px}.status-filter-wrapper:focus-within{border-color:#3b82f6}.status-filter-select{background:#0000;border:none;color:#0f172a;cursor:pointer;font-size:14px;font-weight:500;padding:0 8px 0 0}.status-filter-select:focus{outline:none}.status-filter-select option{padding:8px}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#64748b;margin:0}.empty-state p{margin:8px 0 0}.loading-state{color:#64748b;padding:40px;text-align:center}.btn-icon.btn-edit{background-color:#eff6ff;color:#3b82f6}.btn-icon.btn-edit:hover{background-color:#dbeafe}.btn-icon.btn-message{background-color:#f0fdf4;color:#16a34a}.btn-icon.btn-message:hover{background-color:#dcfce7}.employee-name.clickable{border-bottom:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:none!important}.employee-name.clickable:hover{color:#2563eb;text-decoration:underline!important}.modal-overlay{background-color:#0f172a99;padding:20px;z-index:1000}.modal-content{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.edit-employee-modal{max-width:650px}.modal-content.message-modal{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#0f172a;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-btn:hover{background-color:#f1f5f9;color:#0f172a}.modal-content form{padding:24px}.modal-content .form-group{margin-bottom:20px}.modal-content .label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-content .input-field{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.modal-content .input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-textarea{font-family:inherit;min-height:120px;resize:vertical}.message-info{align-items:center;background-color:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:20px;padding:10px 14px}.modal-actions{border-top:1px solid #e2e8f0;padding-top:16px}.modal-actions .btn-secondary{background-color:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.modal-actions .btn-secondary:hover{background-color:#e2e8f0}.modal-actions .btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.modal-actions .btn-primary:hover{background-color:#2563eb}.modal-actions .btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.btn-send{background-color:#16a34a!important}.btn-send:hover{background-color:#15803d!important}@media (max-width:768px){.employees-header{align-items:flex-start;gap:16px}.employees-actions,.employees-header{flex-direction:column}.search-form{max-width:100%;width:100%}.btn-invite{justify-content:center;width:100%}.invite-form .form-row{grid-template-columns:1fr}.employees-table-container{overflow-x:auto}.modal-content{margin:10px;max-width:calc(100% - 20px)}}.view-permits-modal{max-width:550px}.view-permits-modal .modal-body{padding:24px}.permit-list-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.permit-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.permit-list-type{color:#0f172a;font-weight:600}.permit-list-status{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.permit-list-status.active{background-color:#d1fae5;color:#065f46}.permit-list-status.expired{background-color:#fee2e2;color:#991b1b}.permit-list-details p{color:#64748b;font-size:14px;margin:4px 0}.no-permits-msg{color:#64748b;padding:32px;text-align:center}.notify-modal{max-width:500px}.notify-method-buttons{display:flex;gap:12px}.notify-method-btn{align-items:center;background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.notify-method-btn:hover:not(:disabled){background-color:#e2e8f0;border-color:#cbd5e1}.notify-method-btn.active{background-color:#eff6ff;border-color:#3b82f6;color:#3b82f6}.notify-method-btn:disabled{cursor:not-allowed;opacity:.5}.char-count{color:#64748b;font-size:12px;margin-top:4px;text-align:right}.change-requests-panel{animation:slideIn .3s ease-out;background:#1f2937;box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column;height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:600px;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.panel-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.panel-header h2{font-size:1.25rem;font-weight:600;gap:12px;margin:0}.panel-header .close-btn,.panel-header h2{align-items:center;color:#fff;display:flex}.panel-header .close-btn{background:#ffffff1a;border:none;border-radius:8px;cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.panel-header .close-btn:hover{background:#fff3}.filter-tabs{background:#111827;border-bottom:1px solid #374151;display:flex;gap:4px;padding:16px 24px}.filter-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-tab:hover{background:#3b82f61a;color:#60a5fa}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.count-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.requests-list{flex:1 1;overflow-y:auto;padding:16px 24px}.empty-state,.loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{opacity:.5}.request-card{background:#374151;border:1px solid #4b5563;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .2s}.request-card:hover{border-color:#6b7280}.request-card.pending{border-left:4px solid #f59e0b}.request-card.approved{border-left:4px solid #10b981}.request-card.rejected{border-left:4px solid #ef4444}.request-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.request-header:hover{background:#ffffff0d}.request-info{display:flex;flex-direction:column;gap:8px}.employee-name{color:#fff;font-size:1rem;font-weight:600;gap:8px}.employee-name,.permit-number{align-items:center;display:flex}.permit-number{color:#9ca3af;font-size:.85rem;gap:6px}.request-meta{align-items:center;display:flex;gap:12px}.request-date{color:#6b7280;font-size:.8rem}.request-date,.status-badge{align-items:center;display:flex;gap:6px}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.pending{background:#f59e0b33;color:#f59e0b}.status-badge.approved{background:#10b98133;color:#10b981}.status-badge.rejected{background:#ef444433;color:#ef4444}.expand-btn{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.expand-btn:hover{color:#fff}.request-details{background:#0003;border-top:1px solid #4b5563;padding:16px}.request-details h4{color:#d1d5db;font-size:.9rem;font-weight:600;margin:0 0 12px}.change-details-grid{display:flex;flex-direction:column;gap:12px}.change-item{background:#1f2937;border-radius:8px;padding:12px}.change-key{color:#9ca3af;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.change-values{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.current-value,.new-value{flex:1 1;min-width:150px}.current-value .label,.new-value .label{color:#6b7280;display:block;font-size:.7rem;margin-bottom:4px}.current-value .value{color:#f87171;font-size:.85rem;text-decoration:line-through}.new-value .value{color:#34d399;font-size:.85rem;font-weight:500}.arrow{color:#6b7280;font-size:1rem}.request-actions{border-top:1px solid #4b5563;display:flex;gap:12px;margin-top:16px;padding-top:16px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.approve-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.approve-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.reject-btn{background:#0000;border:1px solid #ef4444;color:#ef4444}.reject-btn:hover:not(:disabled){background:#ef44441a}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.5}.rejection-reason{background:#ef44441a;border-radius:8px;color:#fca5a5;font-size:.85rem;margin-top:12px;padding:12px}.review-info{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:12px}.modal-overlay{background:#000000b3;z-index:1100}.reject-modal{background:#1f2937;border-radius:12px;max-width:90vw;padding:24px;width:400px}.reject-modal h3{color:#fff;margin:0 0 12px}.reject-modal p{color:#9ca3af;font-size:.9rem;margin:0 0 16px}.reject-modal textarea{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:16px;padding:12px;resize:none;width:100%}.reject-modal textarea:focus{border-color:#3b82f6;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#0000;border:1px solid #4b5563;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#374151}.confirm-reject-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.confirm-reject-btn:hover:not(:disabled){background:#dc2626}.confirm-reject-btn:disabled{cursor:not-allowed;opacity:.5}.no-changes{color:#6b7280;font-style:italic}@media (max-width:640px){.change-requests-panel{width:100vw}.filter-tabs{overflow-x:auto}.request-header{align-items:flex-start;flex-direction:column;gap:12px}.request-meta{justify-content:space-between;width:100%}.change-values{flex-direction:column}.arrow{transform:rotate(90deg)}}.dashboard{background:linear-gradient(180deg,#0f172a,#1e293b);min-height:100vh}.dashboard-nav{background:linear-gradient(90deg,#0f172a,#1e3a8a);box-shadow:0 4px 20px #0000004d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-content,.nav-left{align-items:center;display:flex}.nav-left{gap:12px}.nav-logo,.nav-title{color:#f8fafc}.nav-title{font-family:Chivo,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.02em}.nav-right{gap:16px}.btn-icon,.nav-right{align-items:center;display:flex}.btn-icon{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.settings-btn:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.user-name{color:#e2e8f0;font-size:14px;font-weight:500}.logout-btn{align-items:center;border-color:#f8fafc;color:#f8fafc;display:flex;font-size:13px;gap:8px;padding:10px 20px}.logout-btn:hover{background-color:#f8fafc;color:#0f172a}.dashboard-content{margin:0 auto;max-width:1400px;padding:48px 24px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:48px}.dashboard-title{color:#0f172a;font-size:40px;font-weight:900;margin-bottom:8px}.dashboard-subtitle{color:#64748b;font-size:16px}.add-permit-btn{align-items:center;display:flex;gap:8px;white-space:nowrap}.dashboard-header-actions{align-items:stretch;display:flex;gap:12px}.btn-action-primary,.btn-action-secondary{align-items:center;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;height:50px;justify-content:center;min-width:200px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.btn-action-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-action-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.btn-action-primary.disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-action-secondary{background-color:#f1f5f9;border:2px solid #e2e8f0;color:#475569}.btn-action-secondary:hover{background-color:#e2e8f0;border-color:#cbd5e1}.manage-employees-btn{align-items:center;background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.manage-employees-btn:hover{background-color:#e2e8f0;border-color:#cbd5e1}.btn-add-employee{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.btn-add-employee:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.dashboard-tabs{background-color:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:32px;padding:4px;width:-webkit-fit-content;width:fit-content}.tab-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.tab-btn:hover{background-color:#ffffff80;color:#0f172a}.tab-btn.active{background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#0f172a}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:48px}.stat-card{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.stat-card:hover:before{opacity:1}.stat-card{min-height:100px;transition:all .2s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-content{flex:1 1}.stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;line-height:1}.upcoming-section{margin-bottom:48px}.section-title{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:24px}.section-title:before{background:linear-gradient(180deg,#3b82f6,#10b981);border-radius:4px;content:"";display:inline-block;height:28px;width:4px}.next-qual-card{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:16px;box-shadow:0 12px 32px #dc262640;overflow:hidden;padding:40px;position:relative}.next-qual-card:after{background:radial-gradient(circle,#ffffff1a 0,#0000 60%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.next-qual-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px}.next-qual-date{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff3;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:24px}.date-day{color:#fff;font-family:JetBrains Mono,monospace;font-size:56px;font-weight:700;line-height:1}.date-month{color:#fee2e2;font-size:16px;font-weight:600;letter-spacing:.05em;margin-top:8px;text-transform:uppercase}.next-qual-info{flex:1 1}.next-qual-employee{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.next-qual-type{font-size:14px;letter-spacing:.05em;margin-bottom:16px}.next-qual-label,.next-qual-type{color:#fee2e2;font-weight:600;text-transform:uppercase}.next-qual-label{font-size:12px;letter-spacing:.1em;margin-bottom:8px}.next-qual-days{color:#fff;font-size:48px;font-weight:700;line-height:1;margin-bottom:16px}.next-qual-text{color:#fee2e2;font-size:16px;margin-bottom:8px}.next-qual-contact{color:#fff;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.permits-section{margin-bottom:48px}.empty-state{background-color:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:80px 24px}.empty-state h3{color:#0f172a;font-size:24px;margin:24px 0 12px}.empty-state p{color:#64748b;font-size:16px;margin-bottom:32px}.empty-state-hint{color:#64748b;font-size:14px;margin-top:24px}.link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.link-btn:hover{color:#2563eb}.permits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column}.nav-content{flex-direction:column;gap:16px}.nav-right{justify-content:space-between;width:100%}.next-qual-content{flex-direction:column;gap:24px}.permits-grid{grid-template-columns:1fr}}.subscription-badge{font-weight:600;gap:6px;letter-spacing:.05em}.subscription-badge.admin{background-color:#7c3aed;color:#fff}.subscription-badge.active{background-color:#059669;color:#fff}.subscription-badge.trial{background-color:#f59e0b;color:#fff}.subscription-badge.expired{background-color:#dc2626;color:#fff}.subscription-banner{border-radius:12px;margin-bottom:32px;padding:24px}.subscription-banner.expired-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262633}.subscription-banner.trial-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b33}.subscription-banner.processing-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f633}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.banner-text h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.banner-text p{color:#ffffffe6;font-size:14px}.subscribe-btn{align-items:center;background-color:#fff;color:#0f172a;display:flex;font-weight:600;gap:8px;padding:12px 24px;white-space:nowrap}.subscribe-btn:hover{background-color:#f8fafc;transform:translateY(-1px)}.btn-primary.disabled{cursor:not-allowed;opacity:.5}.btn-primary.disabled:hover{box-shadow:none;transform:none}.spinner.small{border-width:3px;height:24px;width:24px}@media (max-width:768px){.banner-content{align-items:flex-start;flex-direction:column}.subscribe-btn{justify-content:center;width:100%}}.subscription-modal{max-width:700px;width:95%}.subscription-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.subscription-modal .modal-header h2{color:#0f172a;font-size:24px;font-weight:700;margin:0}.subscription-modal .close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:28px;line-height:1;padding:0}.subscription-modal .close-btn:hover{color:#0f172a}.subscription-modal .modal-body{padding:24px}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.pricing-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.pricing-card.featured{background:linear-gradient(180deg,#eff6ff,#fff);border-color:#3b82f6}.pricing-card .badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.pricing-card h3{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:8px}.pricing-card .employee-range{color:#64748b;font-size:14px;margin-bottom:16px}.pricing-card .price{margin-bottom:8px}.pricing-card .price .amount{color:#0f172a;font-size:40px;font-weight:800}.pricing-card .price .period{color:#64748b;font-size:16px}.pricing-card .savings{color:#059669;font-size:14px;font-weight:600;margin-bottom:16px}.pricing-card .features{list-style:none;margin:16px 0 24px;padding:0;text-align:left}.pricing-card .features li{border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px;padding:8px 0}.pricing-card .features li:last-child{border-bottom:none}.pricing-card .btn-primary{font-size:16px;padding:14px 24px;width:100%}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}.subscription-modal{margin:16px;max-width:100%}.pricing-card .price .amount{font-size:32px}}.permit-limit-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.permit-limit-banner.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.limit-info{align-items:center;display:flex;gap:12px}.limit-label{color:#1e40af;font-weight:600}.permit-limit-banner.warning .limit-label{color:#92400e}.limit-count{color:#0f172a;font-size:18px;font-weight:700}.limit-warning{color:#d97706;font-size:14px;font-weight:500}.limit-full{color:#dc2626;font-size:14px;font-weight:600}.upgrade-link{font-size:14px;padding:8px 16px}.upgrade-modal{max-width:500px;width:95%}.upgrade-content{padding:16px;text-align:center}.upgrade-icon{font-size:48px;margin-bottom:16px}.upgrade-content h3{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:12px}.upgrade-content p{color:#475569;margin-bottom:8px}.upgrade-pricing{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:24px;justify-content:center;margin:24px 0;padding:20px}.current-plan,.new-plan{display:flex;flex-direction:column;gap:4px}.plan-label{color:#64748b;font-size:12px;text-transform:uppercase}.plan-name{color:#0f172a;font-size:16px;font-weight:600}.plan-price{color:#3b82f6;font-size:14px;font-weight:500}.new-plan .plan-price{color:#059669}.arrow{color:#64748b;font-size:24px}.upgrade-btn{align-items:center;display:flex;font-size:16px;gap:8px;justify-content:center;padding:14px 24px;width:100%}@media (max-width:640px){.permit-limit-banner{flex-direction:column;gap:12px;text-align:center}.limit-info{flex-direction:column;gap:4px}.upgrade-pricing{flex-direction:column;gap:16px}.arrow{transform:rotate(90deg)}}.permits-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.permits-actions{align-items:center;display:flex;gap:16px}.select-all-checkbox{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:8px}.select-all-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.delete-selected-btn{align-items:center;background-color:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.delete-selected-btn:hover{background-color:#b91c1c}.delete-selected-btn:disabled{background-color:#fca5a5;cursor:not-allowed}.permit-wrapper{position:relative}.permit-select-checkbox{left:12px;position:absolute;top:12px;z-index:10}.permit-select-checkbox input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:20px;width:20px}.permit-wrapper .permit-card .permit-card-header{padding-left:44px}.section-title{color:#f1f5f9}.stats-grid .stat-card{background-color:#0f172a;border:1px solid #334155}.stat-label{color:#94a3b8}.stat-value{color:#f8fafc}.empty-state{background-color:#0f172a;border:1px solid #334155}.empty-state h3{color:#f1f5f9}.upcoming-qualifications-banner{background:linear-gradient(135deg,#1e3a5f,#172554);border:1px solid #1e40af}.permit-limit-banner{background:linear-gradient(135deg,#1e3a5f,#0f172a);border:1px solid #1e40af}.employee-limit-banner{align-items:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);border:1px solid #10b981;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 24px}.employee-limit-banner .limit-info{align-items:center;display:flex;gap:12px}.employee-limit-banner .limit-label{color:#6ee7b7;font-weight:600}.employee-limit-banner .limit-count{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.employee-limit-banner .limit-warning{color:#fbbf24;font-size:13px;font-weight:500}.permit-limit-banner.warning{background:linear-gradient(135deg,#78350f,#451a03);border-color:#d97706}@media (max-width:640px){.permits-header{align-items:flex-start;flex-direction:column}.permits-actions{justify-content:space-between;width:100%}}.dashboard-content h1,.dashboard-content h2,.dashboard-content h3{color:#f8fafc}.section-title{color:#f8fafc!important}.permit-limit-banner .limit-label{color:#93c5fd}.permit-limit-banner .limit-count{color:#f8fafc}.permits-section .permit-wrapper{color:#f1f5f9}.stat-label{color:#cbd5e1!important}.stat-value{color:#fff!important}.upcoming-qualifications-banner h3,.upcoming-qualifications-banner p{color:#f1f5f9}.qualification-window-info strong{color:#93c5fd}.select-all-checkbox span{color:#cbd5e1}.empty-state h3{color:#f8fafc!important}.empty-state p{color:#94a3b8!important}.subscription-badge.trial{background-color:#dc2626!important;color:#fff!important;font-weight:700}.next-qual-days{color:#fef08a!important;text-shadow:2px 2px 4px #0000004d}.limit-count{color:#fef08a!important;font-size:20px!important;font-weight:800!important}.limit-warning{color:#fef08a!important;font-weight:700!important}.limit-full{color:#fca5a5!important;font-weight:700!important}.nav-logo-img{height:40px;width:auto}.deletion-warning-banner{animation:pulse-warning 2s infinite;background:linear-gradient(135deg,#7f1d1d,#991b1b)!important;border:2px solid #ef4444!important}.deletion-warning-banner h3{color:#fee2e2!important}.deletion-warning-banner p{color:#fecaca!important}.deletion-warning-banner strong{color:#fff;font-size:18px}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.past-permits-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:32px;padding:20px}.past-permits-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.past-permits-title-row{align-items:center;color:#64748b;display:flex;gap:10px}.past-permits-title-row .section-title{color:#64748b;margin:0}.view-history-btn{background-color:#e2e8f0;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-history-btn:hover{background-color:#cbd5e1;color:#1e293b}.past-permits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:16px}.past-permit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;opacity:.85;padding:16px}.past-permit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.past-permit-type{color:#475569;font-size:14px;font-weight:600}.past-permit-badge{background-color:#94a3b8;border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:4px 8px}.past-permit-info p{color:#64748b;font-size:13px;margin:4px 0}.past-permit-info strong{color:#475569}.archived-date{font-style:italic}.past-permit-quals{border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:12px}.quals-label{color:#94a3b8;font-size:11px;margin-bottom:6px}.quals-status{display:flex;gap:8px}.qual-dot{align-items:center;background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#94a3b8;display:flex;font-size:10px;font-weight:600;height:28px;justify-content:center;width:28px}.qual-dot.completed{background-color:#dcfce7;border-color:#22c55e;color:#16a34a}.upcoming-quals-modal{max-width:600px;width:100%}.permits-list-modal{max-width:550px;width:100%}.permits-list-modal .modal-header{border-left:4px solid #3b82f6}.permits-list-modal .modal-header h2{align-items:center;display:flex;gap:10px}.modal-info-text{background-color:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;color:#64748b;font-size:14px;margin-bottom:16px;padding:10px 14px}.permits-summary-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.permit-summary-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.permit-summary-item.active{border-left:4px solid #10b981}.permit-summary-item.expired{background-color:#fef2f2;border-left:4px solid #ef4444}.permit-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.permit-summary-type{color:#0f172a;font-size:14px;font-weight:600}.permit-summary-employee{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.permit-summary-status{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.permit-summary-status.active{background-color:#d1fae5;color:#065f46}.permit-summary-status.expired{background-color:#fee2e2;color:#991b1b}.permit-summary-details{color:#64748b;display:flex;font-size:13px;justify-content:space-between}.upcoming-quals-modal .modal-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b}.upcoming-quals-modal .modal-header h2{align-items:center;color:#78350f;display:flex;gap:10px}.upcoming-quals-modal .close-btn{background:none;border:none;color:#92400e;cursor:pointer;padding:4px}.upcoming-quals-modal .close-btn:hover{color:#78350f}.critical-warning{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #dc2626;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.critical-warning svg{color:#dc2626;flex-shrink:0;margin-top:2px}.critical-warning .warning-content strong{color:#991b1b;display:block;font-size:13px;margin-bottom:8px}.critical-warning .warning-content p{color:#7f1d1d;font-size:12px;line-height:1.6;margin:0}.quals-list{display:flex;flex-direction:column;gap:12px}.qual-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.qual-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:8px}.qual-employee-name{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:4px;width:100%}.qual-permit{color:#475569;font-size:14px;font-weight:600}.qual-number{color:#64748b;font-family:monospace;font-size:13px}.qual-name-badge{background-color:#dbeafe;border-radius:20px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.qual-details{display:flex;flex-direction:column;gap:8px}.qual-due,.qual-window{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qual-label{color:#64748b;font-size:12px;min-width:140px}.qual-dates{color:#0f172a;font-family:monospace;font-size:13px}.qual-deadline{color:#dc2626;font-size:14px;font-weight:600}.qual-days{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;padding:2px 8px}.qual-days.urgent{background:#fee2e2;color:#dc2626;font-weight:600}.qual-warning{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;display:flex;gap:6px;margin-top:8px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.qual-warning svg{color:#dc2626}.qual-warning span{color:#dc2626;font-size:11px;font-weight:700}.quals-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px;text-align:center}.quals-footer p{color:#475569;font-size:14px;margin-bottom:12px}.schedule-btn{align-items:center;display:inline-flex;gap:8px;padding:12px 24px}.stat-card.clickable:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.stat-hint{color:#3b82f6;font-size:11px;margin-top:4px}.employee-item{border-left:4px solid #4338ca}.permit-count-badge{background-color:#e0e7ff;border-radius:20px;color:#4338ca;font-size:12px;font-weight:600;padding:4px 12px}.employee-permits-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.employee-permit-item{align-items:center;background-color:#fff;border-radius:6px;display:flex;font-size:13px;gap:12px;padding:8px 12px}.permit-type-small{color:#374151;flex:1 1}.permit-status-small{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.permit-status-small.active{background-color:#d1fae5;color:#065f46}.permit-status-small.expired{background-color:#fee2e2;color:#991b1b}.permit-exp-small{color:#64748b;font-size:12px}.employees-section{margin-bottom:32px}.employees-section .permits-header{align-items:center;display:flex;gap:16px}.employee-count-badge{background-color:#e0e7ff;border-radius:20px;color:#4338ca;font-size:14px;font-weight:600;padding:6px 14px}.employees-stacked-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.employee-row{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s ease}.employee-row:before{background:linear-gradient(180deg,#3b82f6,#10b981);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.employee-row:hover{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626;transform:translateX(8px)}.employee-row:hover:before{opacity:1}.employee-row-name{color:#0f172a;flex:1 1;font-size:15px;font-weight:600}.employee-row-permits{background-color:#e2e8f0;border-radius:20px;color:#64748b;font-size:14px;margin-right:16px;padding:4px 12px}.employee-row-arrow{color:#94a3b8;font-size:18px;transition:transform .2s ease}.employee-row:hover .employee-row-arrow{color:#3b82f6;transform:translateX(4px)}.employees-list-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.employee-card{background-color:#f8fafc;cursor:pointer;padding:20px}.employee-card:hover{background-color:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.employee-card-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.employee-card-info{flex:1 1}.employee-card-name{color:#0f172a;font-size:16px;font-weight:600;margin:0}.employee-card-permits{color:#64748b;font-size:14px;margin:4px 0 0}.employee-card-arrow{color:#94a3b8;font-size:20px;transition:transform .2s ease}.employee-card:hover .employee-card-arrow{color:#3b82f6;transform:translateX(4px)}.btn-activity{background-color:#a855f733!important;border-color:#a855f7!important;color:#a855f7!important}.btn-activity:hover{background-color:#a855f74d!important}.activity-modal{max-height:80vh;max-width:700px!important}.activity-modal .modal-body{max-height:60vh;overflow-y:auto}.empty-activity{color:#64748b;padding:48px 24px;text-align:center}.empty-activity h3{color:#334155;margin:16px 0 8px}.empty-activity p{color:#94a3b8}.activity-item{background-color:#f8fafc;border-radius:10px;gap:12px;padding:12px}.activity-icon{background-color:#e2e8f0;border-radius:8px;height:36px;width:36px}.activity-header{gap:10px;margin-bottom:4px}.activity-badge{border-radius:3px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.activity-badge.created{background-color:#d1fae5;color:#059669}.activity-badge.updated{background-color:#dbeafe;color:#1e40af}.activity-badge.terminated{background-color:#fee2e2;color:#dc2626}.activity-badge.other{background-color:#f1f5f9;color:#475569}.activity-description{font-size:13px;margin:0 0 6px}.activity-time{color:#94a3b8;font-size:11px}.btn-change-requests{background-color:#f9731633!important;border-color:#f97316!important;color:#f97316!important;position:relative}.btn-change-requests:hover{background-color:#f973164d!important}.badge-count{animation:pulse-badge 2s infinite;background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.admin-dashboard{background-color:#1e293b;min-height:100vh;padding:48px 24px}.admin-header{margin:0 auto 32px;max-width:1400px}.admin-title{color:#f8fafc;font-size:40px;font-weight:900;margin-bottom:8px}.admin-subtitle{color:#94a3b8;font-size:16px}.admin-nav{background-color:#0f172a;border-radius:8px;box-shadow:0 1px 3px #0003;display:flex;gap:12px;margin:0 auto 32px;max-width:1400px;padding:8px}.admin-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.admin-nav-btn:hover{background-color:#334155;color:#f1f5f9}.admin-nav-btn.active{background-color:#3b82f6;color:#fff}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto 48px;max-width:1400px}.admin-stat-card{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:16px;min-height:100px;padding:20px;transition:all .2s ease}.admin-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.admin-stat-content{flex:1 1}.admin-stat-label{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.admin-stat-value{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;line-height:1}.admin-section{margin:0 auto 48px;max-width:1400px}.admin-section-title{color:#f1f5f9;font-size:24px;font-weight:700;margin-bottom:24px}.admin-table-container{background-color:#0f172a;border:1px solid #334155;border-radius:8px;box-shadow:0 1px 3px #0003;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background-color:#1e293b;border-bottom:2px solid #334155}.admin-table th{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #334155;color:#f1f5f9;font-size:14px;padding:16px}.admin-table tbody tr:hover{background-color:#1e293b}.admin-stat-card{background-color:#0f172a;border:1px solid #334155}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-link{align-items:center;color:#3b82f6;display:flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#1d4ed8;text-decoration:underline}.days-badge{border-radius:9999px;font-family:JetBrains Mono,monospace;padding:4px 12px}.days-badge.urgent{background-color:#fee2e2;color:#991b1b}.days-badge.soon{background-color:#fef3c7;color:#92400e}.days-badge.upcoming{background-color:#dbeafe;color:#1e40af}.call-btn{align-items:center;display:flex;font-size:13px;gap:6px;padding:8px 16px;white-space:nowrap}.clients-list{display:flex;flex-direction:column;gap:24px}.client-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease}.client-card:hover{border-color:#0f172a4d;box-shadow:0 4px 16px #0000001a}.client-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.client-name{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:8px}.client-contact{display:flex;flex-direction:column;gap:6px}.client-stats{display:flex;gap:12px}.client-stat-badge{background-color:#eff6ff;border-radius:6px;color:#1e40af;font-size:13px;font-weight:600;padding:6px 12px}.client-permits{display:flex;flex-direction:column;gap:12px}.client-permit-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;padding:16px}.client-permit-item,.permit-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.permit-type-badge{background-color:#dbeafe;border-radius:4px;color:#1e40af;font-size:12px;font-weight:600;padding:4px 12px}.permit-number{color:#0f172a;font-size:14px;font-weight:600}.permit-dates{color:#64748b;display:flex;font-size:13px;gap:16px}@media (max-width:1024px){.admin-table-container{overflow-x:scroll}.admin-table{min-width:1000px}}@media (max-width:768px){.admin-dashboard{padding:24px 16px}.admin-title{font-size:32px}.admin-nav{flex-direction:column}.admin-nav-btn{justify-content:center;width:100%}.client-header{flex-direction:column;gap:16px}.permit-dates{flex-direction:column;gap:4px}}.clients-header{gap:16px;margin-bottom:24px}.btn-icon-danger{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon-danger:hover{background-color:#dc2626;border-color:#dc2626;color:#fff}.clients-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%}.clients-table thead{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.clients-table th{color:#475569;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.clients-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:16px;vertical-align:top}.clients-table tbody tr:hover{background-color:#fafbfc}.clients-table tbody tr.selected{background-color:#fef2f2}.checkbox-col{text-align:center;width:48px}.user-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.contact-item{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.permits-list{display:flex;flex-direction:column;gap:8px}.permit-mini{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.permit-number-small{color:#64748b;font-family:JetBrains Mono,monospace;font-size:12px}.no-permits{color:#94a3b8;font-style:italic}.expiration-list,.permits-type-list{display:flex;flex-direction:column;gap:6px}.expiration-item{align-items:center;display:flex;gap:8px}.expiration-date{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:13px}.expiration-date.expired{color:#dc2626}.status-badge-small{padding:2px 8px;text-transform:uppercase}.status-badge-small.status-active{background-color:#d1fae5;color:#065f46}.status-badge-small.status-expired{background-color:#fee2e2;color:#991b1b}.status-badge-small.status-expiring-soon{background-color:#fef3c7;color:#92400e}.logout-btn{margin-left:auto}.logout-btn:hover{background-color:#fee2e2;color:#dc2626}.admin-title{color:#fff!important}.admin-subtitle{color:#cbd5e1!important}.admin-section-title{color:#f8fafc!important}.admin-stat-label{color:#cbd5e1!important}.admin-stat-value{color:#fff!important}.admin-table th{color:#cbd5e1!important}.admin-table td{color:#f1f5f9!important}.admin-table .user-name{color:#fff!important;font-weight:600}.contact-link{color:#60a5fa!important}.contact-link:hover{color:#93c5fd!important}.admin-nav-btn{color:#cbd5e1!important}.admin-nav-btn:hover{color:#f8fafc!important}.admin-nav-btn.active{color:#fff!important}.selection-info{color:#cbd5e1}.logout-link{color:#f8fafc!important}.logout-link:hover{background-color:#334155;color:#fff!important}.action-buttons{display:flex;gap:8px}.btn-icon-edit{background-color:#1e40af;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px;transition:all .2s ease}.btn-icon-edit:hover{background-color:#1e3a8a}.permits-section{margin:0 auto;max-width:1400px}.permits-header{align-items:center;display:flex;gap:24px;margin-bottom:24px}.btn-back{background-color:#334155;border:none;border-radius:8px;color:#f1f5f9;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.btn-back:hover{background-color:#475569}.loading-permits{color:#94a3b8;font-size:16px;padding:48px;text-align:center}.no-permits-message{color:#64748b;padding:64px;text-align:center}.no-permits-message p{color:#94a3b8;font-size:16px;margin-top:16px}.admin-permits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.admin-permit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;min-height:320px;overflow:hidden;transition:all .2s ease}.admin-permit-card:hover{border-color:#0f172a4d;box-shadow:0 4px 16px #0000001a}.admin-permit-card .permit-card-header{align-items:center;background-color:#0f172a;display:flex;justify-content:space-between;padding:16px 20px}.admin-permit-card .permit-card-body{display:flex;flex:1 1;flex-direction:column}.admin-permit-card .permit-card-actions{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:16px}.admin-permit-card .permit-type-label{color:#f8fafc;font-size:14px;font-weight:600}.admin-permit-card .status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.admin-permit-card .status-badge.status-active{background-color:#d1fae5;color:#065f46}.admin-permit-card .status-badge.status-expired{background-color:#fee2e2;color:#991b1b}.admin-permit-card .status-badge.status-expiring_soon{background-color:#fef3c7;color:#92400e}.admin-permit-card .permit-card-body{padding:20px}.permit-detail{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 0}.permit-detail:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:13px;font-weight:500}.detail-value{color:#0f172a;font-size:14px;font-weight:600}.detail-value.mono{font-family:JetBrains Mono,monospace}.admin-permit-card .permit-card-actions{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.btn-sm{align-items:center;display:flex;font-size:14px;gap:6px;padding:10px 16px}@media (max-width:768px){.admin-permits-grid{grid-template-columns:1fr}.permits-header{align-items:flex-start;flex-direction:column}}.admin-header{align-items:center;display:flex;gap:24px}.admin-logo{height:80px;width:auto}.admin-header-text{display:flex;flex:1 1;flex-direction:column}.admin-header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.header-settings-btn{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:10px;color:#60a5fa;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.header-settings-btn:hover{background:#3b82f64d;transform:translateY(-2px)}.header-logout-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.header-logout-btn:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.qualification-card{background-color:#0f172a!important;border:1px solid #334155!important}.qualification-card .permit-info{color:#dc2626!important;font-weight:700!important}.qualification-card .days-badge{background-color:#dc2626!important;color:#fff!important;font-weight:700!important}.qualification-card .client-name{color:#f8fafc!important}.qualification-card .qualification-date{color:#fef08a!important;font-weight:600}.upcoming-qual-card{background-color:#0f172a;border:1px solid #334155;border-radius:12px;margin-bottom:16px;padding:20px}.upcoming-qual-card .permit-type{color:#dc2626!important;font-size:16px;font-weight:700}.upcoming-qual-card .days-until{color:#dc2626!important;font-size:24px;font-weight:800}.upcoming-qual-card .due-date{color:#fef08a!important;font-weight:600}.upcoming-qual-card .client-info{color:#cbd5e1}@media (max-width:768px){.admin-header{flex-direction:column;text-align:center}.admin-logo{height:60px}}.admin-upcoming .upcoming-item{align-items:center;background-color:#0f172a;border:1px solid #334155;border-radius:12px;display:flex;gap:20px;margin-bottom:12px;padding:16px}.admin-upcoming .upcoming-date{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:8px;color:#fff;min-width:70px;padding:12px 16px;text-align:center}.admin-upcoming .date-day{display:block;font-size:28px;font-weight:800;line-height:1}.admin-upcoming .date-month{font-size:14px;font-weight:600;text-transform:uppercase}.admin-upcoming .upcoming-info{flex:1 1}.admin-upcoming .upcoming-client{color:#f8fafc!important;font-size:16px;font-weight:600;margin:0 0 4px}.admin-upcoming .upcoming-permit{color:#dc2626!important;font-size:14px;font-weight:700;margin:0 0 4px}.admin-upcoming .upcoming-days{color:#fef08a!important;font-size:14px;font-weight:700;margin:0}.account-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px;vertical-align:middle}.account-type-badge.company{background-color:#3b82f633;color:#60a5fa}.account-type-badge.individual{background-color:#22c55e33;color:#4ade80}.account-type-badge-small{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;height:28px;justify-content:center;width:28px}.account-type-badge-small.company{background-color:#3b82f633}.account-type-badge-small.individual{background-color:#22c55e33}.upcoming-company{color:#94a3b8!important;font-size:12px;font-style:italic;margin:0 0 4px}.upcoming-qual-name{color:#cbd5e1!important;font-size:13px;margin:0 0 4px}.permit-type-tag{background-color:#6366f133;border-radius:3px;color:#a5b4fc;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.company-name-sub{color:#94a3b8;font-size:12px;font-style:italic;margin-top:2px}.settings-nav-btn{margin-left:auto}.settings-nav-btn:hover{background-color:#1e40af!important;color:#fff!important}.upcoming-item.clickable{cursor:pointer;transition:all .2s ease}.upcoming-item.clickable:hover{background-color:#1e3a5f;border-color:#3b82f6;transform:translateX(4px)}.upcoming-arrow{color:#64748b;font-size:24px;margin-left:auto;transition:all .2s ease}.upcoming-item.clickable:hover .upcoming-arrow{color:#3b82f6;transform:translateX(4px)}.subscription-status-cell{flex-direction:column;gap:4px}.subscription-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.subscription-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscription-trial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscription-expired{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.subscription-canceling{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.subscription-promo{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.deletion-warning{background-color:#ef444433;border-radius:4px;color:#fca5a5;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.client-account-type{color:#94a3b8;font-size:11px;margin-top:2px}.client-admin-name{color:#60a5fa;font-size:12px;margin-top:2px}.clickable-stat{cursor:pointer;position:relative;transition:all .2s ease}.clickable-stat:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.clickable-stat:active{transform:translateY(-2px)}.stat-arrow{color:#94a3b8;font-size:20px;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clickable-stat:hover .stat-arrow{color:#3b82f6;opacity:1}.expired-stat:hover .stat-arrow{color:#dc2626}.btn-icon-test{background-color:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;padding:8px;transition:all .2s ease}.btn-icon-test:hover{background-color:#3b82f6;color:#fff;transform:scale(1.1)}.promo-codes-section{padding:24px}.promo-codes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.promo-codes-header .section-title{align-items:center;display:flex;gap:12px}.promo-form-card{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:24px;padding:24px}.promo-form-card h3{color:#f8fafc;font-size:18px;margin:0 0 20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row,.promo-form-card .form-group{margin-bottom:16px}.promo-form-card label{color:#94a3b8;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.promo-form-card .input-field{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f8fafc;font-size:14px;padding:10px 14px;width:100%}.promo-form-card .input-field:focus{border-color:#3b82f6;outline:none}.code-input-group{display:flex;gap:8px}.code-input-group .input-field{flex:1 1;font-family:monospace;font-size:16px;letter-spacing:1px}.checkbox-group{display:flex;gap:24px}.checkbox-label{align-items:center;color:#e2e8f0;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.promo-codes-section .btn-secondary{background:#334155;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.promo-codes-section .btn-secondary:hover{background:#475569}.promo-codes-list{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.no-promo-codes{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-promo-codes svg{margin-bottom:16px;opacity:.5}.no-promo-codes p{font-size:16px;margin:0}.no-promo-codes .hint{font-size:13px;margin-top:8px}.promo-codes-table{border-collapse:collapse;width:100%}.promo-codes-table th{background:#0f172a;color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.promo-codes-table td,.promo-codes-table th{border-bottom:1px solid #334155;padding:14px 16px}.promo-codes-table td{color:#e2e8f0}.promo-codes-table tr.inactive{opacity:.5}.promo-codes-table tr:last-child td{border-bottom:none}.promo-code-cell{align-items:center;display:flex;gap:8px}.promo-code-text{background:#10b9811a;border-radius:4px;color:#10b981;font-family:monospace;font-size:14px;font-weight:600;padding:4px 10px}.btn-icon-copy{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:6px;transition:all .2s ease}.btn-icon-copy:hover{background:#334155;color:#3b82f6}.account-types-badges{display:flex;gap:6px}.type-badge{font-size:11px;font-weight:600;padding:4px 8px}.type-badge.individual{background:#dbeafe;color:#1e40af}.type-badge.company{background:#fef3c7;color:#92400e}.btn-icon-toggle{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:6px;transition:all .2s ease}.btn-icon-toggle.enabled{color:#10b981}.btn-icon-toggle.disabled{color:#64748b}.btn-icon-toggle:hover{background:#334155}@media (max-width:768px){.form-row{grid-template-columns:1fr}.promo-codes-header{flex-direction:column;gap:16px}.promo-codes-table{display:block;overflow-x:auto}}.expired-table td,.permits-table td,.simple-table td{vertical-align:middle}.section-title{align-items:center;display:flex;gap:12px}.expired-title,.expired-title svg{color:#ef4444}.expired-row{background-color:#ef44440d}.expired-row:hover{background-color:#ef44441a}.expired-permit-badge{background-color:#fee2e2!important;color:#991b1b!important}.no-expired-permits{align-items:center;background:#10b9810d;border:2px dashed #10b9814d;border-radius:12px;color:#10b981;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-expired-permits svg{margin-bottom:16px;opacity:.7}.no-expired-permits p{font-size:18px;font-weight:600;margin:0}.no-expired-permits .hint{font-size:14px;font-weight:400;margin-top:8px;opacity:.8}.clients-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.overdue-title{color:#ef4444!important}.overdue-title svg{color:#ef4444}.overdue-stat{border:2px solid #ef4444!important}.overdue-stat:hover{background-color:#ef44441a!important}.overdue-row{background-color:#ef44440d}.overdue-row:hover{background-color:#ef44441a!important}.overdue-table th{background-color:#7f1d1d!important;color:#fee2e2!important}.overdue-date{color:#ef4444;font-family:JetBrains Mono,monospace;font-weight:600}.days-overdue-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.qualification-badge{background-color:#fef3c7;border-radius:4px;color:#92400e;font-size:12px;font-weight:600;padding:4px 10px}.permit-number-badge{background-color:#3b82f61a;border-radius:4px;color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:13px;padding:4px 8px}.no-overdue-quals{align-items:center;background:#10b9810d;border:2px dashed #10b9814d;border-radius:12px;color:#10b981;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-overdue-quals svg{margin-bottom:16px;opacity:.7}.no-overdue-quals p{font-size:18px;font-weight:600;margin:0}.no-overdue-quals .hint{font-size:14px;font-weight:400;margin-top:8px;opacity:.8}.contact-stacked{display:flex;flex-direction:column;gap:4px}.contact-stacked .contact-item{font-size:12px}.permit-qual-window{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:6px;margin-top:8px;padding:10px}.window-title-small{color:#1e40af;display:block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.window-dates-small{align-items:center;color:#1e40af;display:flex;font-size:12px;font-weight:600;gap:6px}.window-arrow{color:#3b82f6}.header-actions{gap:16px}.client-filter-buttons{background-color:#1e293b;border-radius:8px;display:flex;gap:8px;padding:4px}.filter-btn{background-color:initial;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:#334155;color:#e2e8f0}.filter-btn.active{background-color:#3b82f6;color:#fff}.btn-edit-limit{align-items:center;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;display:inline-flex;height:20px;justify-content:center;margin-left:8px;padding:0;transition:all .2s ease;width:20px}.btn-edit-limit:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.employee-limit-modal{max-width:450px;width:90%}.employee-limit-modal .modal-body{padding:24px}.employee-limit-modal .modal-info{color:#64748b;font-size:14px;margin-bottom:20px}.employee-limit-modal .form-group{margin-bottom:16px}.employee-limit-modal .form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.employee-limit-modal .form-group input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.employee-limit-modal .form-group input:disabled{background-color:#f1f5f9;color:#64748b}.employee-limit-modal .form-group input[type=number]{font-size:18px;font-weight:600;text-align:center}.limit-presets{display:flex;gap:8px;margin-top:10px}.limit-presets button{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.limit-presets button:hover{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.employee-limit-modal .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-icon-move,.btn-move-to-company{align-items:center;background-color:#dbeafe;border:none;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon-move:hover,.btn-move-to-company:hover{background-color:#3b82f6;color:#fff}.mark-employee-modal{max-width:480px;width:90%}.mark-employee-modal .modal-body{padding:24px}.mark-employee-modal .modal-info{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#64748b;font-size:14px;margin-bottom:20px;padding:12px}.mark-employee-modal .form-group{margin-bottom:16px}.mark-employee-modal .form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.mark-employee-modal .form-group input,.mark-employee-modal .form-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:14px;padding:10px 12px;width:100%}.mark-employee-modal .form-group input:disabled{background-color:#f1f5f9;color:#64748b}.mark-employee-modal .form-group select{cursor:pointer}.mark-employee-modal .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.merge-options{display:flex;flex-direction:column;gap:16px;margin-top:20px}.merge-option{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.merge-option h4{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:6px}.merge-option p{color:#64748b;font-size:13px;margin-bottom:12px}.merge-option button{width:100%}.merge-option.owner-option{background-color:#fff7ed;border-color:#fdba74}.merge-option.owner-option h4{color:#9a3412}.btn-warning{align-items:center;background-color:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-warning:disabled{background-color:#fcd34d;cursor:not-allowed}.edit-company-modal{background-color:#fff;max-width:500px;width:90%}.edit-company-modal .modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:16px 20px}.edit-company-modal .modal-header h2{color:#0f172a;font-size:18px;font-weight:600;margin:0}.edit-company-modal .modal-body{background-color:#fff;padding:24px}.edit-company-modal .modal-info{background-color:#f1f5f9;border-left:4px solid #3b82f6;border-radius:8px;color:#475569;font-size:14px;margin-bottom:20px;padding:12px 16px}.edit-company-modal .modal-info strong{color:#0f172a}.edit-company-modal .form-group{margin-bottom:16px}.edit-company-modal .form-group label{background-color:initial;color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.edit-company-modal .form-group input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;color:#0f172a;font-size:14px;padding:12px 14px;width:100%}.edit-company-modal .form-group input:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.edit-company-modal .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.edit-company-modal .form-group input::placeholder{color:#94a3b8}.edit-company-modal .form-actions{background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.edit-company-modal .form-actions .btn-secondary{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-weight:500;padding:10px 20px}.edit-company-modal .form-actions .btn-secondary:hover{background-color:#e2e8f0}.edit-company-modal .form-actions .btn-primary{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.edit-company-modal .form-actions .btn-primary:hover:not(:disabled){background-color:#2563eb}.edit-company-modal .form-actions .btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed}.btn-icon.btn-edit{background-color:#eef2ff;border-color:#c7d2fe;color:#6366f1}.btn-icon.btn-edit:hover{background-color:#6366f1;border-color:#6366f1;color:#fff}.btn-sm{font-size:13px;height:42px;min-height:42px;padding:10px 20px}.permit-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.permit-card-actions button{align-items:center;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:42px;justify-content:center;line-height:1;min-width:120px;padding:10px 20px;transition:all .2s ease;width:120px}.permit-card-actions .btn-primary{background-color:#3b82f6;border:none;color:#fff}.permit-card-actions .btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.permit-card-actions .btn-danger{background-color:#dc2626;border:none;color:#fff}.permit-card-actions .btn-danger:hover{background-color:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.add-client-modal{max-width:500px}.add-client-modal .modal-header h2{align-items:center;display:flex;gap:10px}.add-client-modal .modal-info{background:#f1f5f9;border-radius:6px;color:#64748b;margin-bottom:20px;padding:12px}.add-client-modal .checkbox-group{margin-top:16px}.add-client-modal .checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.add-client-modal .checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.add-client-modal .form-hint{color:#94a3b8;font-size:12px;margin-left:26px;margin-top:8px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:9999}.modal{animation:modalSlideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:540px;overflow-y:auto;position:relative;width:100%}.modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal .modal-header h2{color:#0f172a;font-size:18px;margin:0}.modal .close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px;line-height:1;padding:0}.modal .close-btn:hover{color:#0f172a}.modal .modal-body{padding:24px}.modal .form-group{margin-bottom:16px}.modal .form-group label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.modal .form-group input,.modal .form-group select,.modal .form-group textarea{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font-size:14px;padding:10px 14px;transition:border-color .2s ease;width:100%}.modal .form-group input:focus,.modal .form-group select:focus,.modal .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal .form-group input:disabled{background-color:#f1f5f9;color:#64748b}.modal .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-fix-subscription{align-items:center;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:4px;color:#059669;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:8px;padding:4px 10px;transition:all .2s ease}.btn-fix-subscription:hover{background-color:#a7f3d0;border-color:#34d399}.fix-subscription-modal{max-width:450px}.fix-subscription-modal .modal-info{color:#0f172a;font-size:15px;margin-bottom:16px}.fix-subscription-modal .modal-detail{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;color:#64748b;font-size:13px;margin-bottom:20px;padding:12px}.subscription-status-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.client-name.clickable{color:#1e40af;cursor:pointer;transition:all .2s ease}.client-name.clickable:hover{color:#dc2626;text-decoration:underline}[title]{position:relative}.action-buttons button[title]:hover{transform:scale(1.1)}.btn-icon-danger[title]:hover,.btn-icon-edit[title]:hover,.btn-icon-test[title]:hover,.btn-icon[title]:hover{box-shadow:0 4px 12px #00000026}.activity-section{margin-top:24px}.activity-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-section .section-title{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:700;gap:12px}.btn-refresh{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-refresh:hover{background-color:#dbeafe}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.activity-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.activity-icon{align-items:center;background-color:#f1f5f9;border-radius:10px;color:#64748b;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:center;display:flex;gap:12px;margin-bottom:6px}.activity-user{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:6px}.activity-type-badge{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.activity-type-badge.created{background-color:#d1fae5;color:#059669}.activity-type-badge.updated{background-color:#dbeafe;color:#1e40af}.activity-type-badge.terminated{background-color:#fee2e2;color:#dc2626}.activity-type-badge.other{background-color:#f1f5f9;color:#475569}.activity-description{color:#475569;font-size:14px;margin:0 0 8px}.activity-meta{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:16px}.activity-email{font-family:monospace}.activity-time{align-items:center;display:flex;gap:4px}.empty-state{color:#64748b;padding:48px 24px;text-align:center}.empty-state h3{color:#334155;margin:16px 0 8px}.empty-state p{color:#94a3b8}.company-employees-section{margin-top:24px}.company-employees-section .section-header{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.company-employees-section .section-title{align-items:center;color:#0f172a;display:flex;font-size:22px;font-weight:700;gap:12px}.back-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:8px 0;transition:color .2s ease;width:-webkit-fit-content;width:fit-content}.back-btn:hover{color:#2563eb}.employees-grid{display:flex;flex-direction:column;gap:12px}.employee-card{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.employee-card.clickable{cursor:pointer}.employee-card.clickable:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f626;transform:translateY(-2px)}.employee-card.terminated{background-color:#fef2f2;border-color:#fecaca;opacity:.8}.employee-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.employee-card.terminated .employee-avatar{background:linear-gradient(135deg,#dc2626,#991b1b)}.employee-info{flex:1 1;min-width:0}.employee-info .employee-name{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.employee-info .employee-permits{color:#64748b;font-size:13px;margin:0}.status-badge-small{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 6px}.status-badge-small.terminated{background-color:#fee2e2;color:#dc2626}.employee-arrow{color:#94a3b8;font-size:20px;transition:transform .2s ease}.employee-card:hover .employee-arrow{color:#3b82f6;transform:translateX(4px)}.employee-permits-view{margin-top:16px}.employee-permits-title{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:10px;margin:16px 0}.permits-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.permit-card-admin{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.permit-card-admin:hover{box-shadow:0 4px 12px #00000014}.permit-card-admin .permit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.permit-card-admin .permit-type-badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.permit-card-admin .permit-type-badge.firearms{background-color:#fee2e2;color:#dc2626}.permit-card-admin .permit-type-badge.guard_card{background-color:#dbeafe;color:#1e40af}.permit-card-admin .permit-type-badge.ccw{background-color:#d1fae5;color:#059669}.permit-card-admin .permit-status{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.permit-card-admin .permit-status.active{background-color:#d1fae5;color:#059669}.btn-sync{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-sync:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.btn-sync:disabled{cursor:not-allowed;opacity:.6}.header-actions{align-items:center;display:flex;gap:12px}.permit-card-admin .permit-status.expiring{background-color:#fef3c7;color:#b45309}.permit-card-admin .permit-status.expired{background-color:#fee2e2;color:#dc2626}.permit-card-admin .permit-details{margin-bottom:12px}.permit-card-admin .permit-details p{color:#475569;font-size:13px;margin:4px 0}.permit-card-admin .permit-actions{display:flex;gap:8px}.btn-edit-sm{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;.bulk-action-bar{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:10px;display:flex;gap:16px;margin-bottom:16px;padding:12px 20px}.bulk-action-bar span{color:#0369a1;font-weight:600}.btn-mark-complete{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-mark-complete:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-delete-quals{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-delete-quals:hover{box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.btn-clear-selection{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-clear-selection:hover{background-color:#e2e8f0}.overdue-row.selected{background-color:#eff6ff!important}.overdue-row input[type=checkbox]{cursor:pointer;height:18px;width:18px}.overdue-table td:first-child,.overdue-table th:first-child{text-align:center;width:40px}}.btn-edit-sm:hover{background-color:#dbeafe}.expired-trials-section{margin:0 auto;max-width:1400px}.expired-trials-section .section-header{margin-bottom:24px}.expired-trials-section .section-subtitle{color:#94a3b8;font-size:14px;margin-top:8px}.expired-trials-summary{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:20px}.expired-trials-summary .summary-stat{align-items:center;border-right:1px solid #fff3;display:flex;flex-direction:column;padding:0 24px}.expired-trials-summary .summary-stat:last-child{border-right:none}.expired-trials-summary .stat-number{color:#fff;font-size:32px;font-weight:700}.expired-trials-summary .stat-label{color:#fffc;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.expired-trials-table{background:#1f2937;border-radius:12px;overflow:hidden;width:100%}.expired-trials-table th{background:#111827;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.expired-trial-row td{border-bottom:1px solid #374151;padding:16px;vertical-align:middle}.expired-trial-row:hover{background:#3b82f61a}.expired-trial-row:last-child td{border-bottom:none}.user-name-cell{display:flex;flex-direction:column;gap:4px}.user-name-cell .user-name{color:#f8fafc;font-weight:600}.user-name-cell .company-name-sub{color:#9ca3af;font-size:12px}.type-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.type-badge.individual{background:#10b98133;color:#34d399}.type-badge.company{background:#3b82f633;color:#60a5fa}.email-link,.phone-link{align-items:center;color:#60a5fa;display:flex;font-size:13px;gap:6px;text-decoration:none;transition:color .2s}.email-link:hover,.phone-link:hover{color:#93c5fd}.expired-date{color:#f87171;font-size:13px}.days-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.days-badge.recent{background:#10b98133;color:#34d399}.days-badge.warning{background:#f59e0b33;color:#fbbf24}.days-badge.urgent{background:#ef444433;color:#f87171}.expired-trials-table .action-buttons{display:flex;gap:8px}.btn-icon-action{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#d1d5db;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-icon-action:hover{background:#4b5563;color:#fff}.btn-icon-action.btn-fix{background:#10b98133;border-color:#10b981}.btn-icon-action.btn-fix:hover{background:#10b9814d}.expired-trials-btn{position:relative}.expired-trials-btn .badge-count{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px;.duplicate-permits-section{margin:0 auto;max-width:1400px}.duplicate-permits-section .section-header{margin-bottom:24px}.duplicate-permits-section .section-title{color:#f8fafc}.duplicate-permits-section .section-subtitle{color:#94a3b8}.duplicate-permits-section .empty-state h3{color:#f8fafc}.duplicate-permits-section .empty-state p{color:#94a3b8}.duplicate-permits-section,.duplicate-permits-section *{color:inherit}.duplicate-permits-section .detail-row,.duplicate-permits-section .duplicate-card,.duplicate-permits-section .permit-column,.duplicate-permits-section .qual-section{color:#f8fafc}.duplicate-permits-section .permit-info,.duplicate-permits-section .permit-number-badge{color:#fff}.duplicate-permits-section .duplicate-header{color:#f8fafc}.duplicates-summary{margin-bottom:20px}.summary-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.duplicates-list{display:flex;flex-direction:column;gap:16px}.duplicate-card{background:#1f2937;border:1px solid #374151;border-radius:12px;overflow:hidden}.duplicate-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.duplicate-header:hover{background:#3b82f61a}.permit-info{align-items:center;display:flex;gap:12px}.permit-number-badge{background:#3b82f6;border-radius:6px;color:#fff;font-family:monospace;font-weight:700;padding:6px 14px}.count-badge{background:#ef444433;border-radius:12px;color:#f87171;font-size:12px;font-weight:600;padding:4px 10px}.expand-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.duplicate-details{background:#111827;border-top:1px solid #374151;padding:20px}.permits-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.permit-column{background:#1f2937;border:2px solid #374151;border-radius:12px;padding:20px}.permit-column.individual{border-color:#10b981}.permit-column.company{border-color:#3b82f6}.column-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.keep-badge{background:#10b981}.delete-badge,.keep-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:4px 10px}.delete-badge{background:#ef4444}.permit-details .detail-row{border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:8px 0}.permit-details .detail-row:last-child{border-bottom:none}.permit-details .label{color:#9ca3af;font-size:13px}.permit-details .value{color:#f8fafc;font-size:13px;font-weight:500}.permit-details .value.email{color:#60a5fa;font-size:12px}.qual-section{border-top:1px solid #374151;margin-top:16px;padding-top:12px}.qual-title{color:#9ca3af;display:block;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.qual-row{display:flex;font-size:12px;justify-content:space-between;padding:4px 0}.qual-row span:first-child{color:#6b7280}.qual-row .completed{color:#10b981}.qual-row .pending{color:#9ca3af}.btn-merge{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px;transition:all .2s;width:100%}.btn-merge:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-merge:disabled{cursor:not-allowed;opacity:.5}.archived-accounts-section{margin:0 auto;max-width:1400px}.archived-accounts-section .section-header{margin-bottom:24px}.archived-accounts-section .section-title{color:#f8fafc}.archived-accounts-section .section-subtitle{color:#94a3b8}.archived-accounts-section .empty-state h3{color:#f8fafc}.archived-accounts-section .empty-state p{color:#94a3b8}.archived-accounts-section,.archived-accounts-section *{color:inherit}.archived-accounts-section .archived-table th{color:#9ca3af}.archived-accounts-section .archived-table td,.archived-accounts-section .user-name{color:#f8fafc}.archived-accounts-section .company-name-sub{color:#94a3b8}.archived-summary{margin-bottom:20px}.archived-table{width:100%}.archived-table th{background:#111827}.btn-restore{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-restore:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.archived-btn,.duplicate-permits-btn{position:relative}}@media (max-width:1024px){.expired-trials-summary{flex-wrap:wrap}.expired-trials-summary .summary-stat{border-bottom:1px solid #fff3;border-right:none;flex:1 1;margin-bottom:16px;min-width:100px;padding-bottom:16px}.expired-trials-table{display:block;overflow-x:auto}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:24px}.reset-container{max-width:480px;width:100%}.reset-card{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:48px}.reset-header{margin-bottom:32px;text-align:center}.reset-header h1{color:#0f172a;font-size:28px;font-weight:700;margin:16px 0 8px}.reset-header p{color:#64748b;font-size:14px}.reset-form{display:flex;flex-direction:column;gap:24px}.password-input-wrapper{position:relative}.password-input-wrapper .input-field{padding-right:48px}.toggle-password-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.toggle-password-btn:hover{color:#0f172a}.reset-submit-btn{margin-top:8px;width:100%}.reset-footer{margin-top:24px;text-align:center}.back-to-login-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease}.back-to-login-btn:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:640px){.reset-card{padding:32px 24px}.reset-header h1{font-size:24px}}.accept-invite-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:20px}.invite-card{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;width:100%}.error-card{text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.invite-header{margin-bottom:32px;text-align:center}.invite-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.invite-header h1{color:#0f172a;font-size:24px;margin:0 0 8px}.invite-header p{color:#64748b;margin:0}.invite-info{background-color:#f8fafc;border-radius:10px;margin-bottom:24px;padding:20px}.info-item{align-items:center;display:flex;gap:12px;padding:12px 0}.info-item:not(:last-child){border-bottom:1px solid #e2e8f0}.info-item svg{color:#3b82f6}.info-item div{display:flex;flex-direction:column}.info-label{color:#94a3b8;font-size:12px}.info-value{color:#0f172a;font-weight:600}.activate-form{margin-bottom:24px}.activate-form h2{align-items:center;color:#0f172a;display:flex;font-size:18px;gap:10px;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f1f5f9;color:#64748b}.btn-activate{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all .2s ease;width:100%}.btn-activate:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.btn-activate:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.invite-footer{background-color:#eff6ff;border-radius:10px;padding:20px}.invite-footer p{color:#1e40af;font-weight:600;margin:0 0 12px}.invite-footer ul{list-style:none;margin:0;padding:0}.invite-footer li{color:#3b82f6;padding:6px 0}.loading-spinner{color:#64748b;padding:40px;text-align:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px}.sms-consent-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:40px 20px}.consent-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:800px;overflow:hidden}.consent-header{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:40px;text-align:center}.consent-logo{height:80px;margin-bottom:20px}.consent-header h1{font-size:28px;font-weight:700;margin:0}.consent-content{padding:40px}.consent-section{margin-bottom:32px}.consent-section h2{border-bottom:2px solid #dc2626;color:#0f172a;font-size:18px;font-weight:700;margin-bottom:12px;padding-bottom:8px}.consent-section p{color:#334155;font-size:14px;line-height:1.7;margin-bottom:12px}.consent-section ul{margin:12px 0;padding-left:24px}.consent-section li{color:#334155;font-size:14px;line-height:1.7;margin-bottom:8px}.consent-section a{color:#dc2626;font-weight:500;text-decoration:none}.consent-section a:hover{text-decoration:underline}.terms-summary{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.terms-summary h2{border-bottom-color:#dc2626}.terms-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.terms-box p{font-size:14px;margin-bottom:8px}.terms-box p:last-child{margin-bottom:0}.consent-footer{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:24px;text-align:center}.consent-footer p{color:#94a3b8;font-size:12px;margin-bottom:4px}@media (max-width:640px){.sms-consent-page{padding:20px 12px}.consent-header{padding:30px 20px}.consent-header h1{font-size:22px}.consent-content{padding:24px 20px}.consent-section h2{font-size:16px}}
/*# sourceMappingURL=main.c06e90b8.css.map*/