*,::backdrop,: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: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-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}.dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--popover:0 0% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--accent:0 0% 14.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 0% 98%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));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{border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.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\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-0\.5{top:.125rem}.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}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.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-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[1px\]{height:1px}.h-\[600px\]{height:600px}.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-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-\[500px\]{max-height:500px}.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-11{width:2.75rem}.w-12{width:3rem}.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-5{width:1.25rem}.w-6{width:1.5rem}.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-max{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-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink: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-0{--tw-translate-x:0px}.translate-x-0,.translate-x-5{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-x-5{--tw-translate-x:1.25rem}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.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-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{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(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-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive)/.5)}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary)/.5)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-violet-200{--tw-border-opacity:1;border-color:rgb(221 214 254/var(--tw-border-opacity,1))}.border-l-purple-600{--tw-border-opacity:1;border-left-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:hsl(var(--primary)/.2)}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-card{--tw-gradient-from:hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--card)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position);--tw-gradient-to:#f5f3ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-purple-50{--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#faf5ff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-fuchsia-50{--tw-gradient-to:#fdf4ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-primary{fill:hsl(var(--primary))}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[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-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{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}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.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-4{padding-right:1rem}.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}.pt-6{padding-top:1.5rem}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.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: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:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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),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-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-slate-900{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42/var(--tw-ring-opacity,1))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-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,text-decoration-color,fill,stroke;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{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);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:var(--tw-exit-opacity,1);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{animation-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}img{image-orientation:initial}body,html{margin:0;padding:0}#root>section:empty{display:none!important}code,h1,h2,h3,h4,h5,h6{font-family:inherit}h1,h2,h3,h4,h5,h6{-webkit-text-fill-color:#0000;background:#000;-webkit-background-clip:text;background-clip:text;font-weight:700}body:not(.has-sidebar) .browse-jobs-page,body:not(.has-sidebar) .create-job-container,body:not(.has-sidebar) .dashboard-container,body:not(.has-sidebar) .find-heroes-page,body:not(.has-sidebar) .job-bids-container,body:not(.has-sidebar) .messages-container,body:not(.has-sidebar) .profile-container,body:not(.has-sidebar) .unified-dashboard{margin-top:30px!important}body:not(.has-sidebar) .profile-container{padding:50px 0!important}body:not(.has-sidebar) .find-heroes-page{padding-top:88px!important}body:not(.has-sidebar) .browse-jobs-page{padding-top:50px!important}[data-sonner-toaster]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}[data-sonner-toast]{--normal-bg:#fff;--normal-text:#1f2937;--normal-border:#e5e7eb;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);border-radius:14px!important;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014!important;padding:14px 18px!important}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}[data-sonner-toast][data-type=success]{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border:1px solid #86efac!important}[data-sonner-toast][data-type=success] [data-icon]{color:#16a34a!important}[data-sonner-toast][data-type=success] [data-description],[data-sonner-toast][data-type=success] [data-title]{color:#166534!important}[data-sonner-toast][data-type=error]{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border:1px solid #fca5a5!important}[data-sonner-toast][data-type=error] [data-icon]{color:#dc2626!important}[data-sonner-toast][data-type=error] [data-description],[data-sonner-toast][data-type=error] [data-title]{color:#991b1b!important}[data-sonner-toast][data-type=warning]{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border:1px solid #fcd34d!important}[data-sonner-toast][data-type=warning] [data-icon]{color:#d97706!important}[data-sonner-toast][data-type=warning] [data-description],[data-sonner-toast][data-type=warning] [data-title]{color:#92400e!important}[data-sonner-toast][data-type=info]{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #93c5fd!important}[data-sonner-toast][data-type=info] [data-icon]{color:#2563eb!important}[data-sonner-toast][data-type=info] [data-description],[data-sonner-toast][data-type=info] [data-title]{color:#1e40af!important}[data-sonner-toast] [data-description]{font-size:15px!important;margin-top:2px!important}[data-sonner-toast] [data-close-button]{height:24px!important;transition:all .2s!important;width:24px!important}[data-sonner-toast] [data-icon]{height:20px!important;width:20px!important}[data-sonner-toast][data-type=loading]{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #cbd5e1!important}[data-sonner-toast][data-type=loading] [data-description],[data-sonner-toast][data-type=loading] [data-title]{color:#475569!important}.profile-completion-card{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #c3d4f7;border-radius:12px;margin-bottom:20px;padding:16px 20px;transition:box-shadow .2s,transform .15s}.profile-completion-card:hover{box-shadow:0 4px 16px #6366f126;transform:translateY(-1px)}.pcc-header{gap:12px;margin-bottom:10px}.pcc-header,.pcc-icon-wrap{align-items:center;display:flex}.pcc-icon-wrap{background:#6366f1;border-radius:10px;color:#fff;flex-shrink:0;height:36px;justify-content:center;width:36px}.pcc-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.pcc-title{color:#1e293b;font-size:14px;font-weight:600}.pcc-pct{color:#6366f1;font-size:20px;font-weight:700}.pcc-arrow{color:#94a3b8;flex-shrink:0}.pcc-bar-track{background:#dde3f0;border-radius:3px;height:6px;overflow:hidden}.pcc-bar-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;height:100%;transition:width .6s ease}.pcc-nudge{align-items:center;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #fde68a;border-radius:8px;color:#92400e;display:flex;font-size:12.5px;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px}.pcc-nudge-spark{animation:sparkle 2s ease-in-out infinite;color:#f59e0b;flex-shrink:0}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.pcc-missing{color:#64748b;font-size:12px;margin:8px 0 0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{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(var(--radius) - 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(var(--radius) - 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:hsl(var(--accent))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-primary:hover{background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:border-slate-400:focus{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.focus\:border-slate-900:focus{--tw-border-opacity:1;border-color:rgb(15 23 42/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(var(--primary))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-primary-foreground:focus{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),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-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-slate-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(241 245 249/var(--tw-ring-opacity,1))}.focus\:ring-slate-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(15 23 42/var(--tw-ring-opacity,1))}.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)}.focus-visible\:ring-1:focus-visible,.focus-visible\:ring-2:focus-visible{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)}.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))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.active\:scale-\[0\.98\]:active{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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color:hsl(var(--muted)/.4)}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toast .group-\[\.toast\]\:bg-muted{background-color:hsl(var(--muted))}.group.toast .group-\[\.toast\]\:bg-primary{background-color:hsl(var(--primary))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.group.toast .group-\[\.toast\]\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group.toast .group-\[\.toast\]\:text-primary-foreground{color:hsl(var(--primary-foreground))}.group.toaster .group-\[\.toaster\]\:text-foreground{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: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:hsl(var(--destructive)/.3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity:1;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:hsl(var(--accent))}.aria-selected\:bg-accent\/50[aria-selected=true]{background-color:hsl(var(--accent)/.5)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-muted-foreground[aria-selected=true]{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:hsl(var(--accent))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=on\]\:bg-accent[data-state=on],.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent)/.5)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=on\]\:text-accent-foreground[data-state=on],.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{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: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: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: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: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}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&\+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(var(--radius) - 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(var(--radius) - 2px);border-top-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]){border-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:hsl(var(--accent))}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-bottom-left-radius:calc(var(--radius) - 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(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){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(var(--radius) - 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:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{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: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}.skip-to-main{background:#0f172a;border-radius:0 0 8px 8px;color:#fff;font-size:14px;font-weight:600;left:16px;padding:12px 24px;position:absolute;text-decoration:none;top:-100px;transition:top .2s;z-index:100000}.skip-to-main:focus{outline:2px solid #6366f1;outline-offset:2px;top:0}:focus-visible{outline:2px solid #6366f1}@media (display-mode:standalone){html{overscroll-behavior:none}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root,#root>.App,.App,.loading-screen{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}body{-webkit-overflow-scrolling:touch;overflow-y:auto}.sidebar,a,button,nav{-webkit-user-select:none;user-select:none}}.grecaptcha-badge{animation:recaptchaFade 3s ease forwards;opacity:1;transition:opacity .5s ease,visibility .5s ease;visibility:visible!important}@keyframes recaptchaFade{0%,50%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}[data-radix-popper-content-wrapper]>[data-radix-menu-content],[data-radix-popper-content-wrapper]>[role=listbox],[data-radix-popper-content-wrapper]>[role=menu],[data-radix-popper-content-wrapper]>div[data-state]{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a!important}html{background-color:#0f172a}body,html{max-width:100%;overflow-x:hidden}body{background:#f2f2f7;color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:0}h1{font-weight:700}h1,h2{letter-spacing:0}h2{font-weight:600}#root,.App{display:flex;flex-direction:column;min-height:100dvh}#root{overflow-x:hidden;position:relative;z-index:1}#root>.App{display:flex;flex:1 1;flex-direction:column}.lp-footer,.site-footer{margin-top:auto}.loading-screen{align-items:center;background:#f2f2f7;color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e5ea;border-radius:50%;border-top-color:#007aff;height:40px;width:40px}.btn{border-radius:3px;font-family:inherit;font-size:17px;letter-spacing:0;padding:12px 10px;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.97)}.btn:hover{opacity:.8}.btn-primary{background:#007aff;box-shadow:0 2px 8px #007aff40}.btn-secondary{background:#f2f2f7;border:1px solid #d1d1d6;color:#007aff}.btn-success{background:#34c759;box-shadow:0 2px 8px #34c75940;color:#fff}.card{border:1px solid #0000000a;border-radius:3px;box-shadow:0 1px 3px #00000014;padding:16px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.form-label{color:#000;font-size:16px;font-weight:500;margin-bottom:8px}.form-input{background:#fff;border:1px solid #d1d1d6;border-radius:3px;font-family:inherit;font-size:17px;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.form-select{cursor:pointer}.form-select,.form-textarea{background:#fff;border:1px solid #d1d1d6;border-radius:3px;font-family:inherit;font-size:17px;padding:12px 16px;width:100%}.form-textarea{min-height:100px;resize:vertical}.badge{border-radius:3px;display:inline-block;font-size:15px;font-weight:600;padding:8px}.badge-elite{background:#ff9500;color:#fff}.badge-success{background:#34c759;color:#fff}.badge-warning{background:#ff9500;color:#fff}.badge-info{background:#007aff;color:#fff}.mt-1{margin-top:15px}.mt-2{margin-top:20px}.mt-3{margin-top:45px}.mt-4{margin-top:60px}.mt-5{margin-top:75px}.mb-1{margin-bottom:15px}.mb-2{margin-bottom:30px}.mb-3{margin-bottom:40px}.mb-4{margin-bottom:45px}.mb-5{margin-bottom:50px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.flex-between{align-items:center;align-items:flex-start;display:flex;justify-content:space-between}.flex-center{justify-content:center}.flex-center,.job-location{align-items:center;display:flex}.job-location{color:#6b7280;font-size:16px;gap:6px;margin:8px 0}.job-status-row{align-items:center;display:flex;gap:12px;margin:12px 0}.expired-notice{align-items:center;color:#dc2626;display:flex;font-size:15px;font-weight:500;gap:4px}.badge-expired{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.btn-renew{align-items:center;background:#10b981;border:none;color:#fff;display:flex;gap:6px}.btn-renew:hover{background:#059669;transform:translateY(-2px)}.btn-renew:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.job-actions{align-items:center;display:flex;gap:8px}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{width:100%}.job-status-row{align-items:flex-start;flex-direction:column;gap:8px}.job-actions{flex-direction:column;width:100%}.job-actions .btn{width:100%}}.compact-applied-actions{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.btn-view-compact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s}.btn-view-compact:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-view-compact svg{stroke:#fff;fill:none;flex-shrink:0}.job-applied{background:linear-gradient(90deg,#10b9810d,#0000)!important;border:2px solid #10b981!important}.applied-notice-expanded{background:linear-gradient(135deg,#10b981,#059669);border-radius:3px;color:#fff;font-weight:500;padding:12px;text-align:center}.browse-job-card button svg{stroke:currentColor;color:currentColor!important}.distance-badge{align-items:center;background:#f3f4f6;border-radius:3px;color:#374151;display:inline-flex;font-size:14px;font-weight:500;gap:4px;padding:4px 10px}.distance-badge.nearby{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.distance-badge svg{stroke:currentColor;color:currentColor!important}.search-control{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;display:flex;gap:8px;min-width:200px;padding:8px 12px}.search-control svg{color:#6c757d;flex-shrink:0}.search-input{background:#0000;border:none;color:#495057;flex:1 1;min-width:0;outline:none}.search-input::placeholder{color:#6c757d}.search-control:focus-within{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.search-clear-btn{align-items:center;background:none;border:none;border-radius:2px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.search-clear-btn:hover{background:#e9ecef;color:#495057}.jobs-controls{flex-wrap:wrap;gap:12px}.jobs-controls,.sort-control{align-items:center;display:flex}.sort-control{gap:8px}.sort-select{background:#fff;border:1px solid #e9ecef;border-radius:3px;color:#495057;font-size:14px;outline:none;padding:8px 12px}.sort-select:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.bulk-select-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.bulk-select-btn:hover{background:#e9ecef}.bulk-select-btn.active{background:#007aff;border-color:#007aff;color:#fff}.search-results-indicator{background:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#495057;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.btn-clear-search,.search-results-indicator{align-items:center;display:flex;font-size:14px}.btn-clear-search{background:#e9ecef;border:none;border-radius:3px;color:#6c757d;cursor:pointer;gap:4px;padding:4px 8px;transition:all .2s}.btn-clear-search:hover{background:#dee2e6;color:#495057}@media (max-width:768px){.jobs-controls{align-items:stretch;flex-direction:column;gap:8px}.search-control{min-width:auto}}.neon-glow,.neon-glow-indigo{position:relative;z-index:1}.neon-glow{box-shadow:0 0 8px #007aff4d,0 0 20px #5856d626}.neon-glow:before{animation:neon-breathe 3.5s ease-in-out infinite;border-radius:inherit;box-shadow:0 0 15px #007aff80,0 0 35px #5856d666,0 0 55px #007aff40,0 0 75px #5856d61a;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}@keyframes neon-breathe{0%,to{opacity:0}50%{opacity:1}}.neon-glow:hover:before{animation:none;opacity:1}.neon-glow-indigo{box-shadow:0 0 20px #6366f166,0 0 40px #6366f133,0 0 60px #6366f11a}.neon-glow-indigo,.neon-glow-indigo:before{animation:neon-indigo-pulse 2s ease-in-out infinite}.neon-glow-indigo:before{background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);border-radius:inherit;content:"";filter:blur(12px);inset:-2px;opacity:.6;pointer-events:none;position:absolute;z-index:-1}.neon-glow-indigo:hover{box-shadow:0 0 30px #6366f199,0 0 60px #6366f14d,0 0 90px #6366f126;transform:translateY(-2px)}@keyframes neon-indigo-pulse{0%,to{box-shadow:0 0 20px #6366f166,0 0 40px #6366f133}50%{box-shadow:0 0 30px #6366f199,0 0 60px #6366f14d}}#weglot-switcher-1,.country-selector,.weglot-container,.wg-drop{z-index:9990!important}:root{--md-sys-color-primary:#06f;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#b8d7ff;--md-sys-color-on-primary-container:#001a41;--md-sys-color-secondary:#00b8a9;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#97f2ea;--md-sys-color-on-secondary-container:#00201d;--md-sys-color-tertiary:#7c4dff;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#e8daff;--md-sys-color-on-tertiary-container:#1a0054;--md-sys-color-error:#ff3b30;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffd5d0;--md-sys-color-on-error-container:#410002;--md-sys-color-success:#00d68f;--md-sys-color-on-success:#fff;--md-sys-color-success-container:#b8f5d8;--md-sys-color-on-success-container:#002114;--md-sys-color-warning:#ff9500;--md-sys-color-on-warning:#fff;--md-sys-color-warning-container:#ffe5b8;--md-sys-color-on-warning-container:#2e1800;--md-sys-color-surface:#f8f9ff;--md-sys-color-on-surface:#1a1b23;--md-sys-color-surface-variant:#e8edff;--md-sys-color-on-surface-variant:#43474e;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f0f4ff;--md-sys-color-surface-container:#e8edff;--md-sys-color-surface-container-high:#dfe7ff;--md-sys-color-surface-container-highest:#d6e1ff;--md-sys-color-outline:#74777f;--md-sys-color-outline-variant:#c4c6d0;--md-sys-color-background:#fdfcff;--md-sys-color-on-background:#1a1c1e;--md-sys-color-inverse-surface:#2f3033;--md-sys-color-inverse-on-surface:#f1f0f4;--md-sys-color-inverse-primary:#a0c9ff;--md-sys-state-hover-opacity:0.08;--md-sys-state-focus-opacity:0.12;--md-sys-state-pressed-opacity:0.16;--md-sys-state-dragged-opacity:0.16;--md-sys-elevation-level0:none;--md-sys-elevation-level1:0px 2px 8px #0000001f,0px 1px 4px #0066ff14;--md-sys-elevation-level2:0px 4px 16px #00000026,0px 2px 8px #0066ff1a;--md-sys-elevation-level3:0px 8px 24px #0000002e,0px 4px 12px #7c4dff1f;--md-sys-elevation-level4:0px 12px 32px #0003,0px 6px 16px #00b8a926;--md-sys-elevation-level5:0px 16px 48px #00000040,0px 8px 24px #06f3;--md-sys-shadow-primary:0px 8px 24px #0066ff4d;--md-sys-shadow-secondary:0px 8px 24px #00b8a94d;--md-sys-shadow-tertiary:0px 8px 24px #7c4dff4d;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:3px;--md-sys-shape-corner-small:3px;--md-sys-shape-corner-medium:3px;--md-sys-shape-corner-large:3px;--md-sys-shape-corner-extra-large:3px;--md-sys-shape-corner-full:9999px;--md-sys-shape-expressive-sm:3px;--md-sys-shape-expressive-md:3px;--md-sys-shape-expressive-lg:3px;--md-sys-typescale-display-large-size:50px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-medium-size:40px;--md-sys-typescale-display-medium-weight:400;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-small-size:24px;--md-sys-typescale-display-small-weight:400;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-headline-large-size:28px;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-medium-size:26px;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-small-size:10px;--md-sys-typescale-headline-small-weight:400;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-weight:500;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-medium-line-height:10px;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-weight:500;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-large-line-height:10px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-body-small-line-height:16px;--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:100ms;--md-sys-motion-duration-short3:150ms;--md-sys-motion-duration-short4:200ms;--md-sys-motion-duration-medium1:250ms;--md-sys-motion-duration-medium2:300ms;--md-sys-motion-duration-medium3:350ms;--md-sys-motion-duration-medium4:400ms;--md-sys-motion-duration-long1:450ms;--md-sys-motion-duration-long2:500ms;--md-sys-motion-duration-long3:550ms;--md-sys-motion-duration-long4:600ms;--md-sys-motion-easing-standard:cubic-bezier(0.4,0,0.2,1);--md-sys-motion-easing-emphasized:cubic-bezier(0.2,0,0,1);--md-sys-motion-easing-expressive:cubic-bezier(0.34,1.56,0.64,1);--md-sys-motion-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--md-sys-motion-easing-elastic:cubic-bezier(0.68,-0.6,0.32,1.6);--md-sys-motion-easing-decelerate:cubic-bezier(0,0,0,1);--md-sys-motion-easing-accelerate:cubic-bezier(0.3,0,1,1);--md-sys-gradient-primary:linear-gradient(135deg,#06f,#7c4dff);--md-sys-gradient-secondary:linear-gradient(135deg,#00b8a9,#00d68f);--md-sys-gradient-accent:linear-gradient(135deg,#ff6b9d,#ffa726);--md-sys-gradient-surface:linear-gradient(135deg,#f8f9ff,#e8edff)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height)}.md-filled-button{align-items:center;background:var(--md-sys-gradient-primary);border:none;border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--md-sys-shadow-primary);color:var(--md-sys-color-on-primary);cursor:pointer;display:inline-flex;font-size:var(--md-sys-typescale-label-large-size);font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;line-height:var(--md-sys-typescale-label-large-line-height);min-height:48px;overflow:hidden;padding:14px 32px;position:relative;text-transform:none;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)}.md-filled-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.md-filled-button:hover:before{height:300px;width:300px}.md-filled-button:hover{box-shadow:0 12px 32px #06f6;transform:translateY(-3px) scale(1.02)}.md-filled-button:active{box-shadow:var(--md-sys-shadow-primary);transform:translateY(-1px) scale(.98)}.md-filled-tonal-button{align-items:center;background-color:var(--md-sys-color-secondary-container);border:none;border-radius:var(--md-sys-shape-corner-full);box-shadow:var(--md-sys-elevation-level0);color:var(--md-sys-color-on-secondary-container);cursor:pointer;display:inline-flex;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);gap:8px;justify-content:center;min-height:40px;padding:10px;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md-filled-tonal-button:hover{box-shadow:var(--md-sys-elevation-level1)}.md-outlined-button{align-items:center;background-color:initial;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);cursor:pointer;display:inline-flex;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);gap:8px;justify-content:center;min-height:40px;padding:10px;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md-outlined-button:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,#0000)}.md-elevated-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level2);color:var(--md-sys-color-on-surface);overflow:hidden;padding:10px;position:relative;transition:all var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-expressive)}.md-elevated-card:before{background:var(--md-sys-gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-expressive);width:100%}.md-elevated-card:hover{box-shadow:var(--md-sys-elevation-level4);transform:translateY(-8px) scale(1.02)}.md-elevated-card:hover:before{transform:scaleX(1)}.md-filled-card{background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-medium)}.md-filled-card,.md-outlined-card{color:var(--md-sys-color-on-surface);padding:16px;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.md-outlined-card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium)}.md-outlined-card:hover{border-color:var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-level1)}.md-text-field{background-color:var(--md-sys-color-surface-container-highest);border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small) var(--md-sys-shape-corner-extra-small) 0 0;color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);padding:16px;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);width:100%}.md-text-field:focus{border-bottom:2px solid var(--md-sys-color-primary);outline:none}.md-text-field:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,var(--md-sys-color-surface-container-highest))}.md-outlined-text-field{background-color:initial;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);padding:14px 16px;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);width:100%}.md-outlined-text-field:focus{border:2px solid var(--md-sys-color-primary);outline:none;padding:13px 15px}.md-outlined-text-field:hover{border-color:var(--md-sys-color-on-surface)}.md-chip{align-items:center;background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:inline-flex;font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);gap:8px;padding:6px 12px;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md-chip:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,var(--md-sys-color-surface-container-low))}.md-chip.selected{background-color:var(--md-sys-color-secondary-container);border-color:#0000;color:var(--md-sys-color-on-secondary-container)}.md-fab{align-items:center;background-color:var(--md-sys-color-primary-container);border:none;border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-level3);color:var(--md-sys-color-on-primary-container);cursor:pointer;display:inline-flex;justify-content:center;min-height:56px;min-width:56px;padding:16px;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md-fab:hover{box-shadow:var(--md-sys-elevation-level4)}.md-fab:active{box-shadow:var(--md-sys-elevation-level3)}.md-display-large{font-size:var(--md-sys-typescale-display-large-size);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height)}.md-headline-large{font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height)}.md-headline-medium{font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-sys-typescale-headline-medium-weight);line-height:var(--md-sys-typescale-headline-medium-line-height)}.md-title-large{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height)}.md-title-medium{font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);line-height:var(--md-sys-typescale-title-medium-line-height)}.md-body-large{font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height)}.md-body-medium{font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);line-height:var(--md-sys-typescale-body-medium-line-height)}.md-label-large{font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height)}.md-surface-container{background-color:var(--md-sys-color-surface-container)}.md-surface-container-low{background-color:var(--md-sys-color-surface-container-low)}.md-surface-container-high{background-color:var(--md-sys-color-surface-container-high)}.md-surface-container-highest{background-color:var(--md-sys-color-surface-container-highest)}.btn-primary,.btn.btn-primary,button.btn-primary{align-items:center!important;background:var(--md-sys-gradient-primary)!important;border:none!important;border-radius:3px;box-shadow:var(--md-sys-shadow-primary)!important;color:#fff!important;display:inline-flex!important;font-weight:600!important;gap:8px!important;justify-content:center!important;letter-spacing:.5px;min-height:48px;overflow:hidden;padding:14px 32px!important;position:relative;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)!important}.btn-primary:hover{box-shadow:0 16px 40px #0066ff80!important;transform:translateY(-4px) scale(1.02)!important}.btn-primary:active{transform:translateY(-1px) scale(.98)!important}.btn-secondary,.btn.btn-secondary{align-items:center;background:var(--md-sys-gradient-secondary)!important;border:none!important;border-radius:3px;box-shadow:var(--md-sys-shadow-secondary)!important;color:#fff!important;display:inline-flex;font-weight:600!important;gap:8px;justify-content:center;padding:14px 32px!important;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)!important}.btn-secondary:hover{box-shadow:0 16px 40px #00b8a980!important;transform:translateY(-4px) scale(1.02)!important}.btn-success,.btn.btn-success{align-items:center;background:linear-gradient(135deg,#00d68f,#00b8a9)!important;border:none!important;box-shadow:0 8px 24px #00d68f4d!important;color:#fff!important;display:inline-flex;font-weight:600!important;gap:8px;justify-content:center;padding:14px 28px!important;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)!important}.btn-success:hover{box-shadow:0 12px 32px #00d68f66!important;transform:translateY(-3px) scale(1.02)!important}.btn-warning,.btn.btn-warning{align-items:center;background:linear-gradient(135deg,#ff9500,#ffa726)!important;border:none!important;box-shadow:0 8px 24px #ff95004d!important;color:#fff!important;display:inline-flex;font-weight:600!important;gap:8px;justify-content:center;padding:14px 28px!important;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)!important}.btn-warning:hover{box-shadow:0 12px 32px #ff950066!important;transform:translateY(-3px) scale(1.02)!important}.btn-danger,.btn.btn-danger{background:linear-gradient(135deg,#ff3b30,#ff6b9d)!important;border:none!important;border-radius:var(--md-sys-shape-corner-full)!important;box-shadow:0 8px 24px #ff3b304d!important;color:#fff!important;font-weight:600!important;padding:14px 28px!important;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-expressive)!important}.btn-danger:hover{box-shadow:0 12px 32px #ff3b3066!important;transform:translateY(-3px) scale(1.02)!important}.btn-sm{border-radius:var(--md-sys-shape-corner-full)!important;font-size:14px!important;min-height:40px!important;padding:10px 20px!important}.card{background:linear-gradient(135deg,#fff,#f8f9ff)!important;border:none!important;border-radius:var(--md-sys-shape-corner-large)!important;box-shadow:var(--md-sys-elevation-level2)!important;position:relative;transition:all var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-expressive)!important}.card:before{background:var(--md-sys-gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-expressive);width:100%}.card:hover{box-shadow:var(--md-sys-elevation-level4)!important;transform:translateY(-6px) scale(1.01)!important}.card:hover:before{transform:scaleX(1)}.stat-card{background:linear-gradient(135deg,#e6e6e6,#f0f4ff)!important;border-radius:var(--md-sys-shape-corner-extra-large)!important;box-shadow:var(--md-sys-elevation-level2)!important;padding:28px!important;transition:all var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-expressive)!important}.stat-card:hover{box-shadow:var(--md-sys-elevation-level4)!important;transform:translateY(-8px) rotate(1deg)!important}.stat-card h3{-webkit-text-fill-color:#0000;background:var(--md-sys-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:30px!important;font-weight:700!important;margin:12px 0 8px!important}.job-card{background:linear-gradient(135deg,#fff,#f8f9ff)!important;border-radius:var(--md-sys-shape-corner-large)!important;box-shadow:var(--md-sys-elevation-level2)!important;padding:14px!important;transition:all var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-bounce)!important}.job-card:hover{box-shadow:0 16px 48px #06f3!important;transform:translateY(-8px) scale(1.02)!important}.form-control,.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],input[type=time],select,textarea{background-color:#fff!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-corner-medium)!important;color:var(--md-sys-color-on-surface)!important;font-size:16px!important;padding:12px!important;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)!important}.form-input:focus,input:focus,select:focus,textarea:focus{background-color:#fff!important;border:3px solid var(--md-sys-color-primary)!important;box-shadow:0 4px 16px #06f3!important;outline:none!important;padding:15px!important}input:hover,select:hover,textarea:hover{border-color:var(--md-sys-color-outline)!important}.badge{border-radius:var(--md-sys-shape-corner-small)!important;box-shadow:var(--md-sys-elevation-level1)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.5px!important;padding:8px!important}.badge-primary{background:var(--md-sys-gradient-primary)!important;color:#fff!important}.badge-success{background:linear-gradient(135deg,#00d68f,#00b8a9)!important;color:#fff!important}.badge-warning{background:linear-gradient(135deg,#ff9500,#ffa726)!important;color:#fff!important}.badge-info{background:linear-gradient(135deg,#06f,#00b8a9)!important;color:#fff!important}.badge-danger,.badge-expired{background:linear-gradient(135deg,#ff3b30,#ff6b9d)!important;color:#fff!important}.badge-pending{animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff9500,#ff6b9d)!important;color:#fff!important}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #ff950066}50%{box-shadow:0 4px 20px #ff9500b3}}.modal-content{background:linear-gradient(135deg,#fff,#f8f9ff)!important;border:none!important;border-radius:var(--md-sys-shape-corner-extra-large)!important;box-shadow:var(--md-sys-elevation-level5)!important}.modal-title{-webkit-text-fill-color:#0000;background:var(--md-sys-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px!important;font-weight:700!important}.navbar,nav{background:#fff!important;box-shadow:var(--md-sys-elevation-level2)!important}.nav-link{border-radius:var(--md-sys-shape-corner-medium)!important;font-weight:600!important;padding:10px 16px!important;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)!important}.nav-link:hover{background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-primary)!important;transform:translateY(-2px)!important}.alert{border:none!important;border-radius:var(--md-sys-shape-corner-large)!important;box-shadow:var(--md-sys-elevation-level2)!important;font-weight:500!important;padding:20px!important}.alert-info{background:linear-gradient(135deg,#d6e1ff,#b8d7ff)!important;color:var(--md-sys-color-primary)!important}.alert-success{background:linear-gradient(135deg,#b8f5d8,#97f2ea)!important;color:var(--md-sys-color-success)!important}.alert-warning{background:linear-gradient(135deg,#ffe5b8,#ffd5a0)!important;color:var(--md-sys-color-warning)!important}.alert-danger{background:linear-gradient(135deg,#ffd5d0,#ffbfc0)!important;color:var(--md-sys-color-error)!important}.h1,h1{font-size:var(--md-sys-typescale-display-small-size)!important;font-weight:700!important;letter-spacing:-.5px!important;line-height:var(--md-sys-typescale-display-small-line-height)!important}.h2,h2{font-size:var(--md-sys-typescale-headline-large-size)!important;font-weight:600!important;line-height:var(--md-sys-typescale-headline-large-line-height)!important}.h2,.section-heading,h2{color:var(--md-sys-color-on-surface)!important}.section-heading{align-items:center;display:flex;gap:12px}.h3,h3{font-size:20px!important;font-weight:600!important;line-height:28px!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-slide-up{animation:slideUp var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-expressive)}.animate-scale-in{animation:scaleIn var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-bounce)}.animate-bounce-in{animation:bounce-in var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-bounce)}.spinner-border{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite!important;border-bottom-color:var(--md-sys-color-tertiary)!important;border-left-color:#0000!important;border-right-color:#0000!important;border-top-color:var(--md-sys-color-primary)!important}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small)}::-webkit-scrollbar-thumb{background:var(--md-sys-gradient-primary);border:2px solid var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-small)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0052cc,#6750a4)}*{transition-timing-function:var(--md-sys-motion-easing-standard)!important}.btn,a,button{transition-timing-function:var(--md-sys-motion-easing-expressive)!important}.browse-job-card button svg,.btn svg,.btn-primary svg,.btn-secondary svg,.btn-success svg,.btn-view-compact svg,.btn-warning svg,.distance-badge svg,button svg{stroke:currentColor!important;fill:none!important;color:currentColor!important;flex-shrink:0}.btn-primary svg,.btn-secondary svg,.btn-success svg,.btn-warning svg{stroke:#fff!important;color:#fff!important}.btn-view-compact{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;display:inline-flex!important;gap:8px!important}.btn-view-compact svg{height:16px!important;width:16px!important}.btn-view-compact svg,.distance-badge.nearby svg{stroke:#fff!important;color:#fff!important}.job-distance svg,.job-meta-compact svg{stroke:currentColor!important;color:currentColor!important}@media (min-width:768px){.btn svg,button svg{stroke:currentColor!important;color:currentColor!important}.btn-primary svg,.btn-secondary svg,.btn-success svg,.btn-view-compact svg{stroke:#fff!important;color:#fff!important}}@media (min-width:1024px){.btn svg,button svg{stroke:currentColor!important;color:currentColor!important}.btn-primary svg,.btn-secondary svg,.btn-success svg,.btn-view-compact svg{stroke:#fff!important;color:#fff!important}}body.messages-active{height:100vh;overflow:hidden}body.messages-active .dashboard-footer{display:none}.messages-page{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;padding-top:0;z-index:1}.messages-container{background:#fff;display:grid;flex:1 1;grid-template-columns:360px 1fr 380px;grid-template-rows:100%;min-height:0;overflow:hidden;width:100%}.conversations-sidebar{background:#fff;border-right:1px solid #ebebeb;display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.sidebar-header{background:#fff;border-bottom:1px solid #ebebeb;flex-shrink:0;gap:16px;padding:10px 10px 6px}.sidebar-header h2,.sidebar-header h3{color:#1a202c;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.search-container{align-items:center;border-bottom:1px solid #ebebeb;display:flex;padding:12px 16px}.search-input{background:#f7f7f7;border:1px solid #ebebeb;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-input::placeholder{color:#717171}.btn-back{background:none;border-radius:50%;color:#667eea;justify-content:center;padding:8px;transition:background .2s}.btn-back:hover{background:#667eea1a}.btn-icon{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;transition:background .2s}.btn-icon:hover{background:#f7fafc}.conversations-list{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px}.conversation-item{border-bottom:1px solid #f7fafc;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s}.conversation-item:hover{background:#f8f9fa}.conversation-item.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:3px solid #667eea}.conversation-details{max-width:80%}.conversation-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:visible;position:relative;width:56px}.conversation-avatar,.conversation-avatar *{cursor:pointer!important}.avatar-profile-link{cursor:pointer;transition:opacity .15s}.avatar-profile-link:hover{opacity:.8}.message-avatar.profile-link{cursor:pointer;transition:opacity .15s}.message-avatar.profile-link:hover{opacity:.75}.user-profile-card.profile-link{border-radius:10px;cursor:pointer;margin:-8px;padding:8px;transition:background .15s}.user-profile-card.profile-link:hover{background:#f5f3ff}.avatar-image,.conversation-avatar .avatar-image,.conversation-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-circle,.avatar-placeholder{color:#fff;font-size:1.25rem;font-weight:600}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.conversation-info{flex:1 1;min-width:0;overflow:hidden}.conversation-top{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.conversation-top h4{color:#1a202c;flex:1 1;font-size:.9375rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{color:#718096;flex-shrink:0;font-size:.75rem}.conversation-bottom{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.conversation-subtitle{color:#667eea;font-size:.75rem;font-weight:500;margin:0}.conversation-preview{color:#718096;font-size:14px;margin:0;max-width:100%}.conversation-preview,.conversation-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-4px;top:-4px;z-index:5}.empty-state,.loading-state{color:#718096;padding:40px 20px;text-align:center}.empty-state p{color:#1a202c;font-weight:600;margin-bottom:8px}.empty-state span{font-size:1.1rem}.chat-main{border-right:1px solid #ebebeb;flex-direction:column;height:100%;overflow:hidden}.chat-header,.chat-main{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e8eef5;box-shadow:0 1px 4px #0000000a;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 10px}.btn-back-chat{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-back-chat:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-back-text{display:none}@media (min-width:768px){.btn-back-text{display:inline}}.chat-header-info{gap:16px}.chat-avatar,.chat-header-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:48px;justify-content:center;overflow:hidden;width:48px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-header h3{color:#1a202c;font-size:15px;font-weight:600;margin:0}.chat-subtitle{color:#667eea;font-size:1.1rem;font-weight:500;margin:0}.job-title-subtitle{color:#667eea;display:block;font-size:.875rem;font-weight:500;margin-top:2px}.job-title-subtitle.clickable{cursor:pointer;transition:all .2s}.job-title-subtitle.clickable:hover{color:#764ba2;text-decoration:underline}.chat-user-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.chat-user-info .avatar-circle,.chat-user-info .avatar-image{border-radius:50%;flex-shrink:0;height:42px;max-height:42px;max-width:42px;min-height:42px;min-width:42px;width:42px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.user-details-top{align-items:center;display:flex;gap:10px}.chat-partner-name{color:#1f2937;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.user-details-meta .job-chip{color:#6366f1;font-size:20px;font-weight:600;max-width:500px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.user-details-meta .job-chip.clickable{cursor:pointer;transition:color .15s}.user-details-meta .job-chip.clickable:hover{color:#4f46e5;text-decoration:underline}.user-details-meta .job-code-chip{align-items:center;display:inline-flex}.chat-header-job-code{flex-shrink:0;margin-left:auto}.messages-area{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 10px}.message-wrapper{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.message-wrapper.own{flex-direction:row-reverse}.message-bubble{animation:slideIn .2s ease-out;display:flex;gap:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-bubble.sent{flex-direction:row-reverse;justify-content:flex-start}.avatar-placeholder-small,.message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.message-avatar.own-avatar,.message-wrapper.own .message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-avatar .avatar-fallback{align-items:center;display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;width:100%}.message-content{display:flex;flex-direction:column;gap:2px;max-width:70%;min-width:60px}.message-bubble{border-radius:18px;max-width:100%;padding:2px 6px;position:relative;width:fit-content}.message-wrapper.other .message-bubble{background:#349534;border-radius:18px 18px 18px 4px;color:#fff}.message-wrapper.own .message-bubble{background:#667eea;border-radius:18px 18px 4px 18px;color:#fff}.message-bubble p{word-wrap:break-word;font-size:15px;line-height:1.4;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.message-meta{align-items:center;display:flex;gap:4px;padding:0 2px}.message-time{color:#9ca3af;font-size:11px}.message-wrapper.own .message-meta{justify-content:flex-end}.message-wrapper.other .message-time,.message-wrapper.own .message-time{color:#9ca3af}.message-status{align-items:center;display:flex}.message-wrapper.own .message-status .read{color:#667eea}.message-wrapper.own .message-status .sent{color:#9ca3af}.message-image{border-radius:10px;cursor:pointer;display:block;margin-bottom:8px;max-height:300px;max-width:300px;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.image-caption{font-size:.8125rem;margin:0;opacity:.8}.typing-indicator{align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:10px;border-bottom-left-radius:4px;display:flex;gap:6px;margin-left:44px;padding:12px 16px;width:fit-content}.typing-indicator span{animation:typing 1.4s infinite;background:#718096;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-partner-status{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:2px}.chat-partner-status .presence-badge{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:5px;letter-spacing:.1px}.chat-partner-status .presence-badge.online{color:#16a34a}.chat-partner-status .presence-badge.offline{color:#9ca3af}.chat-partner-status .presence-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.chat-partner-status .presence-dot.online{animation:presencePulse 2s ease-in-out infinite;background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.chat-partner-status .presence-dot.offline{background:#d1d5db}@keyframes presencePulse{0%,to{box-shadow:0 0 0 2px #22c55e33}50%{box-shadow:0 0 0 4px #22c55e26}}.message-input-area{background:#fff;border-top:1px solid #e8eef5;box-shadow:0 -1px 4px #0000000a;flex-shrink:0;padding:12px 10px}.message-form{gap:12px}.btn-attach,.message-form{align-items:center;display:flex}.btn-attach{background:#f8f9fa;border:1px solid #e8eef5;border-radius:50%;color:#667eea;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-attach:hover{background:#667eea1a;border-color:#667eea}.message-input{background:#f8f9fa;border:2px solid #e8eef5;border-radius:10px;flex:1 1;font-size:.9375rem;outline:none;padding:14px 20px;transition:all .2s}.message-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-send{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.btn-send:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.empty-chat-state,.no-conversation-selected{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.empty-chat-icon{font-size:4rem;margin-bottom:16px;opacity:.3}.empty-chat-state h3,.no-conversation-selected h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:8px}.empty-chat-state p,.no-conversation-selected p{color:#718096;font-size:.9375rem}.chat-area{background:#fff;border-right:1px solid #ebebeb;display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.btn-back-mobile,.btn-back-mobile-empty{display:none}.connection-status.disconnected{left:0;padding:8px 20px;position:fixed;right:0;top:0;z-index:1000}@media (max-width:968px){.messages-page{box-sizing:border-box;height:100dvh;height:100vh;max-height:100dvh;max-height:-webkit-fill-available;overflow:hidden;padding-top:64px}.messages-container{grid-template-columns:1fr;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);overflow:hidden;padding:0}.conversations-sidebar{display:none}.conversations-sidebar.mobile-show{display:flex;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);overflow:hidden}.chat-main.mobile-hide{display:none}.chat-main{border-right:none;display:flex;flex-direction:column;height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);overflow:hidden}.job-details-panel{display:none}.btn-back-mobile{align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:50%;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.btn-back-mobile:active{background:#667eea1a}.btn-back-mobile-empty{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:10px;padding:12px 10px}.chat-header{padding:16px 20px}.sidebar-header{padding:1px 20px}.btn-back{display:flex}.message-content{max-width:95%}.messages-area{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px}}.date-separator{align-items:center;display:flex;margin:20px 0;text-align:center}.date-separator:after,.date-separator:before{border-bottom:1px solid #ebebeb;content:"";flex:1 1}.date-separator-text{color:#717171;font-size:14px;font-weight:600;letter-spacing:.5px;padding:0 16px;text-transform:uppercase}.job-details-panel{background:#fff;border-left:1px solid #ebebeb;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px}.job-details-header{border-bottom:1px solid #ebebeb;margin-bottom:10px;padding-bottom:16px}.job-details-title{color:#222;font-size:22px;font-weight:600;margin:0 0 8px}.job-details-status{background:#f7f7f7;border-radius:4px;color:#222;display:inline-block;font-size:14px;font-weight:600;padding:4px 12px}.job-details-section{border-bottom:1px solid #ebebeb;margin-bottom:10px;padding-bottom:10px}.job-details-section:last-child{border-bottom:none}.job-details-section-title{color:#222;font-size:16px;font-weight:600;margin:0 0 2px;padding-bottom:10px}.job-detail-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.job-detail-value{color:#222;font-size:11px;font-weight:700;text-align:right}.user-profile-card{background:#f7f7f7;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.user-profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.user-profile-info{flex:1 1}.user-profile-name{color:#222;font-size:16px;font-weight:600;margin:0 0 4px}.user-profile-meta{color:#717171;font-size:15px;margin-bottom:8px}.user-profile-verified{color:#008489;display:inline-flex;gap:6px}.job-action-button,.user-profile-verified{align-items:center;font-size:14px;font-weight:600}.job-action-button{background:#222;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:12px;transition:all .2s;width:100%}.job-action-button:hover{background:#000}.job-action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.job-action-button.primary:hover{background:linear-gradient(135deg,#5a6fd6,#6a4190);box-shadow:0 4px 12px #667eea66}.job-action-button.secondary{background:#fff;border:1px solid #222;color:#222}.job-action-button.secondary:hover{background:#f7f7f7}.job-action-button:disabled{cursor:not-allowed;opacity:.6}.job-action-button.warning{background:#fef3c7;color:#92400e}.job-action-button.warning:hover{background:#fcd34d}.job-status-info{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.job-status-info svg{color:#9ca3af;flex-shrink:0}.job-status-info.success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.job-status-info.success svg{color:#10b981}.job-details-status.status-open{background:#e3f2fd;color:#1565c0}.job-details-status.status-pending_payment{background:#fff3e0;color:#e65100}.job-details-status.status-accepted{background:#e8f5e9;color:#2e7d32}.job-details-status.status-assigned{background:#e1f5fe;color:#0277bd}.job-details-status.status-en_route{background:#f3e5f5;color:#7b1fa2}.job-details-status.status-in_progress{background:#fff8e1;color:#f9a825}.job-details-status.status-pending_confirmation{background:#fce4ec;color:#c2185b}.job-details-status.status-completed{background:#e8f5e9;color:#2e7d32}.job-details-status.status-cancelled{background:#ffebee;color:#c62828}.review-status-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:8px;padding:12px;text-align:center;width:100%}.review-status-badge.clickable{cursor:pointer;transition:all .2s ease}.review-status-badge.clickable:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.review-status-badge.clickable.visible{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.review-status-badge.clickable.visible:hover{background:#bfdbfe;border-color:#60a5fa}.review-status-badge.expired{background:#fef2f2;border-color:#fecaca;color:#991b1b}.spinner-icon{animation:spin 1s linear infinite}.job-detail-label{align-items:center;color:#717171;display:flex;font-weight:500;gap:6px}.job-detail-label svg{flex-shrink:0}.system-message{align-items:center;display:flex;flex-direction:column;gap:6px;margin:12px 0}.system-message-content{background:#f7f7f7;border:1px solid #ebebeb;border-radius:10px;max-width:85%;padding:8px 16px;text-align:center}.system-message-content.clickable{cursor:pointer;transition:all .2s ease}.system-message-content.clickable:hover{background:#eef2ff;border-color:#667eea;transform:scale(1.02)}.system-message-content p{color:#222;font-size:15px;font-weight:600;line-height:1.4;margin:0}.system-message-content .job-link-text{color:#667eea;font-weight:700;text-decoration:underline}.system-message-content .view-job-hint{color:#667eea;display:block;font-size:11px;font-weight:500;margin-top:4px}.system-action-link{align-items:center;background:#667eea1a;border-radius:12px;color:#667eea;display:flex;font-size:12px;font-weight:600;gap:4px;justify-content:center;margin-top:6px;padding:4px 10px;transition:all .2s}.system-message-content.clickable:hover .system-action-link{background:#667eea33;color:#4f46e5}.system-action-link .action-icon{font-size:12px}.system-message-time{color:#717171;font-size:10px;font-weight:500}.job-code-copy-btn,.job-code-label,.job-code-value{color:#000!important}.mobile-filter-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #ebebeb;display:none;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.mobile-filter-tabs::-webkit-scrollbar{display:none}.filter-tab{background:#f7f7f7;border:1px solid #0000;border-radius:20px;color:#222;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-tab.active{background:#222;color:#fff}.filter-tab:hover:not(.active){background:#ebebeb}.mobile-header-icons{align-items:center;display:none;gap:12px}.mobile-header-icons button{align-items:center;background:#fff;border:1px solid #ebebeb;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.conversation-item-mobile,.mobile-chat-view{display:none}.mobile-chat-header{align-items:center;background:#fff;border-bottom:1px solid #ebebeb;display:flex;gap:12px;padding:16px}.mobile-back-btn{align-items:center;background:#f7f7f7;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.conversation-action-btn{background:#fff;border:1px solid #222;border-radius:8px;color:#222;cursor:pointer;display:none;font-size:15px;font-weight:600;margin-top:8px;padding:8px 16px}.conversation-item .conversation-meta-mobile{display:none}@media (max-width:1024px){.messages-container{grid-template-columns:320px 1fr}.job-details-panel{display:none}}@media (max-width:768px){.messages-page{background:#fff;box-sizing:border-box;height:100vh;max-height:100vh;overflow:hidden;padding-top:50px}.messages-container{display:flex!important;flex-direction:column;height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-height:0;overflow:hidden;width:100%}.sidebar-header .btn-back{display:flex}.sidebar-header{flex-shrink:0;justify-content:space-between;padding:6px}.sidebar-header h3{font-size:1.5rem;font-weight:700}.mobile-filter-tabs,.mobile-header-icons{display:flex}.conversations-sidebar{background:#fff;border-right:none;display:flex!important;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.conversations-sidebar.hidden{display:none!important}.conversations-list{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.conversation-item{align-items:flex-start;border-bottom:1px solid #ebebeb;flex-direction:row;gap:12px;padding:16px}.conversation-item.active,.conversation-item:hover{background:#f7f7f7}.conversation-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:32px;height:72px;position:relative;width:72px}.conversation-avatar .avatar-circle{border-radius:12px;font-size:1.5rem;height:100%;width:100%}.conversation-avatar .avatar-image{border-radius:12px}.conversation-avatar:after{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;bottom:-4px;content:"";display:none;height:28px;position:absolute;right:-4px;width:28px}.unread-badge{font-size:.65rem;height:16px;min-width:16px;padding:1px 4px;right:-3px;top:-3px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:4px}.conversation-header h4{font-size:16px;font-weight:600}.conversation-preview{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#717171;display:-webkit-box;font-size:14px;margin-bottom:6px;overflow:hidden}.conversation-meta-mobile{align-items:center;color:#888;display:flex!important;font-size:12px;gap:6px;margin-top:2px}.conversation-job-title-mobile{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.status-dot.pending{background:#f59e0b}.status-dot.completed{background:#10b981}.meta-separator{color:#d1d5db}.conversation-action-btn{display:inline-block}.conversation-time{color:#717171;font-size:15px;position:absolute;right:16px;top:16px}.conversation-item{position:relative}.chat-area,.job-details-panel{display:none}.chat-area.mobile-active{background:#fff;display:flex;flex-direction:column;z-index:100}.chat-header{gap:8px;margin-top:0!important;padding:10px 12px}.btn-back-mobile{align-items:center;background:#f7f7f7;border:none;border-radius:50%;cursor:pointer;display:flex!important;flex-shrink:0;height:32px;justify-content:center;width:32px}.chat-user-info{gap:8px;min-width:0}.avatar-profile-link .avatar-circle,.avatar-profile-link .avatar-image,.chat-user-info .avatar-circle,.chat-user-info .avatar-image{height:36px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;width:36px}.avatar-profile-link{flex-shrink:0}.user-details{gap:1px;min-width:0}.user-details-top{flex-wrap:nowrap;gap:6px;min-width:0}.user-details-top .chat-partner-name{font-size:14px;max-width:120px}.chat-partner-status{font-size:11px!important}.chat-partner-status .presence-badge{font-size:11px}.user-details-meta .job-chip{font-size:11px;max-width:140px}.chat-header-job-code{display:none}.messages-area{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px}.message-content{max-width:75%}.message-bubble{font-size:14px;max-width:100%;padding:2px 6px}.message-avatar{font-size:12px;height:28px;width:28px}.message-input-container{border-top:1px solid #ebebeb;gap:8px;padding:12px 16px}.message-input{font-size:16px;padding:12px 16px}.btn-send{height:44px;width:44px}}@media (max-width:480px){.sidebar-header h3{font-size:1.25rem}.conversation-avatar{height:64px;width:64px}.filter-tab{font-size:15px;padding:6px 12px}}.quick-panel{background:#f8fafc;border-top:1px solid #e5e7eb;max-height:280px;overflow-y:auto}.quick-panel-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:1}.panel-tab,.quick-panel-tabs{display:flex;gap:6px}.panel-tab{align-items:center;background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:8px 14px;transition:all .2s}.panel-tab:hover{background:#e5e7eb}.panel-tab.active{background:#007aff;color:#fff}.close-panel-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s}.close-panel-btn:hover{background:#f3f4f6;color:#374151}.quick-messages-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:12px 16px}.quick-message-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;text-align:left;transition:all .2s}.quick-message-btn:hover{background:#f0f9ff;border-color:#007aff;transform:translateY(-1px)}.qm-emoji{flex-shrink:0;font-size:18px}.qm-text{color:#374151;font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-section{padding:12px 16px}.smart-tags-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;margin-bottom:12px;overflow-x:auto;padding-bottom:12px}.tags-label{color:#6b7280;font-size:14px;font-weight:500;white-space:nowrap}.tags-list{display:flex;gap:6px}.smart-tag-btn{background:#ede9fe;border:none;border-radius:12px;color:#7c3aed;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .2s;white-space:nowrap}.smart-tag-btn:hover{background:#7c3aed;color:#fff}.templates-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:140px;overflow-y:auto}.template-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s}.template-item:hover{background:#f0f9ff;border-color:#007aff}.template-content{flex:1 1;min-width:0}.template-name{color:#1f2937;display:block;font-size:15px;font-weight:600;margin-bottom:2px}.template-preview{color:#6b7280;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-template-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:6px;transition:all .2s}.delete-template-btn:hover{background:#fee2e2;color:#dc2626}.add-template-btn{align-items:center;background:#fff;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:15px;gap:6px;justify-content:center;padding:10px;transition:all .2s;width:100%}.add-template-btn:hover{background:#f9fafb;border-color:#007aff;color:#007aff}.add-template-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.add-template-form input,.add-template-form textarea{border:1px solid #e5e7eb;border-radius:6px;font-size:15px;margin-bottom:8px;padding:8px 12px;resize:none;width:100%}.add-template-form input:focus,.add-template-form textarea:focus{border-color:#007aff;outline:none}.add-template-actions{display:flex;gap:8px;justify-content:flex-end}.add-template-actions button{border-radius:6px;cursor:pointer;font-size:15px;padding:6px 14px;transition:all .2s}.add-template-actions button:first-child{background:#f3f4f6;border:none;color:#6b7280}.add-template-actions button:first-child:hover{background:#e5e7eb}.add-template-actions .save-btn{background:#007aff;border:none;color:#fff}.add-template-actions .save-btn:hover{background:#06d}.input-toolbar{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:6px;padding:8px 16px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-btn:hover{background:#f0f9ff;border-color:#007aff;color:#007aff}.toolbar-btn.active{background:#007aff;border-color:#007aff;color:#fff}.schedule-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.schedule-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;max-width:440px;overflow:hidden;width:100%}.schedule-modal-header{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;display:flex;gap:12px;padding:20px}.schedule-modal-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.schedule-modal-header .close-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px;transition:background .2s}.schedule-modal-header .close-btn:hover{background:#ffffff4d}.schedule-modal-body{padding:20px}.scheduled-message-preview{margin-bottom:16px}.scheduled-message-preview label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:6px}.scheduled-message-preview textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px;resize:none;width:100%}.scheduled-message-preview textarea:focus{border-color:#007aff;outline:none}.schedule-datetime{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.datetime-field label{color:#374151;display:block;font-size:15px;font-weight:500;margin-bottom:6px}.datetime-field input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.datetime-field input:focus{border-color:#007aff;outline:none}.job-schedule-hint{align-items:center;background:#f0f9ff;border-radius:8px;color:#0369a1;display:flex;font-size:14px;gap:8px;padding:10px 12px}.schedule-modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.schedule-modal-actions .cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .2s}.schedule-modal-actions .cancel-btn:hover{background:#f3f4f6}.schedule-modal-actions .schedule-btn{align-items:center;background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.schedule-modal-actions .schedule-btn:hover{background:#06d}@media (max-width:768px){.quick-messages-grid{grid-template-columns:1fr}.smart-tags-row{flex-wrap:wrap}.input-toolbar{padding:6px 12px}.toolbar-btn{height:32px;width:32px}.schedule-modal{margin:16px;max-width:100%}.schedule-datetime{grid-template-columns:1fr}}.intervention-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;display:flex;gap:12px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.intervention-banner.high{background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom-color:#ef4444}.intervention-banner.resolved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom-color:#10b981}.intervention-icon{align-items:center;background:#fffc;border-radius:50%;color:#f59e0b;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.intervention-banner.high .intervention-icon{color:#ef4444}.intervention-banner.resolved .intervention-icon{color:#10b981}.intervention-content{flex:1 1;min-width:0}.intervention-title{color:#92400e;font-size:14px;font-weight:600;margin:0 0 2px}.intervention-banner.high .intervention-title{color:#991b1b}.intervention-banner.resolved .intervention-title{color:#065f46}.intervention-text{color:#a16207;font-size:13px;line-height:1.4;margin:0}.intervention-banner.high .intervention-text{color:#b91c1c}.intervention-banner.resolved .intervention-text{color:#047857}.intervention-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.intervention-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.intervention-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.intervention-btn .spin{animation:spin 1s linear infinite}.intervention-dismiss{align-items:center;border:none;border-radius:50%;color:#78716c;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.intervention-dismiss:hover{color:#44403c}@media (max-width:768px){.intervention-banner{flex-wrap:wrap;padding:10px 12px}.intervention-content{flex-basis:calc(100% - 60px);flex-grow:1;flex-shrink:1}.intervention-btn{flex:1 1 100%;justify-content:center;margin-top:8px}.intervention-dismiss{position:absolute;right:8px;top:8px}.intervention-banner{position:relative}}.header-icons{align-items:center;display:flex;gap:8px}.header-icons .icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;margin-top:-10px;transition:all .2s;width:36px}.header-icons .icon-btn:hover{background:#f3f4f6;color:#374151}.header-icons .icon-btn.active{background:#eef2ff;color:#667eea}.role-filter-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:4px 12px 0}.role-filter-bar .role-filter-btn{background:none;border:none;color:#9ca3af;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:6px 0;position:relative;text-align:center;transition:all .2s}.role-filter-bar .role-filter-btn:hover{color:#6b7280}.role-filter-bar .role-filter-btn.active{color:#6366f1}.role-filter-bar .role-filter-btn.active:after{background:#6366f1;border-radius:2px;bottom:-1px;content:"";height:2.5px;left:10%;position:absolute;right:10%}.filter-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ebebeb;display:flex;gap:5px;overflow-x:auto;padding:6px 10px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs .filter-tab{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s;white-space:nowrap}.filter-tabs .filter-tab:hover{border-color:#667eea;color:#667eea}.filter-tabs .filter-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.mobile-filter-tabs{display:none!important}.settings-panel{animation:slideDown .2s ease;background:#fff;border-bottom:1px solid #ebebeb;padding:12px 16px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.settings-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.settings-header .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.settings-header .close-btn:hover{background:#e5e7eb;color:#374151}.settings-options{display:flex;flex-direction:column;gap:10px}.setting-item{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;justify-content:space-between;padding:8px 12px;transition:background .2s}.setting-item:hover{background:#f3f4f6}.setting-item span{color:#374151;font-size:14px}.setting-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.search-container{position:relative}.search-container .clear-search{align-items:center;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:24px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.search-container .clear-search:hover{background:#d1d5db;color:#374151}.filter-tab .count{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px}.filter-tab.active .count{background:#ffffff4d}.chat-job-code{margin-top:4px}.conversation-job-code{border-radius:4px;color:#58a6ff;display:none;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:10px;letter-spacing:1px;margin-left:6px;padding:2px 6px}.interview-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:10px;color:#7c3aed;font-size:10px;font-weight:600;letter-spacing:.5px;margin-right:6px;padding:2px 8px;text-transform:uppercase}.interview-badge.assigned{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#059669}.interview-badge.selected{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#d97706}.interview-badge.in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#2563eb}.interview-badge.pending{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-color:#fdba74;color:#d97706}.interview-badge.completed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#059669}.interview-badge.cancelled{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;color:#dc2626}.interview-badge.en-route{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd;color:#7c3aed}.hiring-context-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #f59e0b;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.hiring-context-info{align-items:flex-start;display:flex;gap:10px}.hiring-context-info svg{color:#92400e;flex-shrink:0;margin-top:2px}.hiring-context-info strong{color:#92400e;display:block;font-size:13px}.hiring-context-info p{color:#b45309;font-size:12px;margin:2px 0 0}.messages-warning{align-items:center;background:#fee2e2;border-radius:12px;color:#dc2626;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.hiring-stage-banner{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.hiring-stage-banner.stage-payment_authorized{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom-color:#3b82f6}.hiring-stage-banner.stage-interviewing{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom-color:#f59e0b}.hiring-stage-banner.stage-hero_selected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom-color:#10b981}.hiring-stage-banner.stage-confirmed{background:linear-gradient(135deg,#d1fae5,#6ee7b7);border-bottom-color:#059669}.hiring-stage-content{align-items:center;display:flex;flex:1 1;gap:16px}.hiring-stage-indicator{align-items:center;display:flex;gap:10px}.hiring-stage-indicator svg{flex-shrink:0}.stage-payment_authorized .hiring-stage-indicator svg{color:#2563eb}.stage-interviewing .hiring-stage-indicator svg{color:#d97706}.stage-hero_selected .hiring-stage-indicator svg{color:#059669}.stage-confirmed .hiring-stage-indicator svg{color:#047857}.stage-info{display:flex;flex-direction:row;gap:2px}.stage-label{font-size:13px;font-weight:600}.stage-payment_authorized .stage-label{color:#1e40af}.stage-interviewing .stage-label{color:#92400e}.stage-confirmed .stage-label,.stage-hero_selected .stage-label{color:#065f46}.stage-desc{font-size:12px;opacity:.85}.stage-payment_authorized .stage-desc{color:#3b82f6}.stage-interviewing .stage-desc{color:#b45309}.stage-confirmed .stage-desc,.stage-hero_selected .stage-desc{color:#059669}.hiring-stage-notice{align-items:center;background:#00000014;border-radius:12px;color:#6b7280;display:flex;font-size:11px;font-weight:500;gap:6px;padding:4px 10px}.hiring-stage-notice svg{color:#9ca3af}@media (max-width:640px){.hiring-stage-banner{padding:10px 12px}.hiring-stage-banner,.hiring-stage-content{align-items:flex-start;flex-direction:column;gap:8px}.stage-label{font-size:12px}.stage-desc{font-size:11px}}.conversation-closed-banner{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:1px solid #d1d5db;display:flex;justify-content:center;padding:14px 16px}.closed-banner-content{align-items:center;display:flex;gap:12px}.closed-banner-content svg{color:#6b7280;flex-shrink:0}.closed-info{display:flex;flex-direction:column;gap:2px}.closed-label{color:#4b5563;font-size:13px;font-weight:600}.closed-desc{color:#6b7280;font-size:12px}.message-input-disabled{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px}.message-input-disabled svg{color:#9ca3af}@media (max-width:640px){.conversation-closed-banner{padding:10px 12px}.closed-label{font-size:12px}.closed-desc{font-size:11px}.message-input-disabled{font-size:13px;padding:12px}}span.clickable-name{color:#000;text-transform:none}.calendar-page{background:linear-gradient(135deg,#f5f7fa,#e8eef5);min-height:100vh;padding:32px 1%}.calendar-container{max-width:1600px}.calendar-header{flex-wrap:wrap;gap:20px;margin-bottom:32px}.calendar-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;padding:4px}.calendar-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.calendar-tab:hover{background:#ffffff80;color:#334155}.calendar-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#667eea}.loading-availability{color:#64748b;font-size:16px;padding:60px 20px;text-align:center}.btn-back-calendar{align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:3px;color:#667eea;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-back-calendar:hover{background:#667eea1a;border-color:#667eea}.calendar-title-section{align-items:center;display:flex;flex:1 1}.calendar-title-section h1{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:8px}.calendar-title-section .text-muted{color:#718096;font-size:.9375rem}.calendar-actions{align-items:flex-start;gap:16px}.ics-link-container{display:flex;flex-direction:column;gap:6px}.ics-link-box{border:2px solid #11998e;border-radius:3px;gap:8px;max-width:500px;min-width:0;padding:6px 12px}.ics-link-text{color:#1a202c;font-family:Courier New,monospace;font-size:15px;min-width:0}.btn-copy-link{align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:3px;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.btn-copy-link:hover{box-shadow:0 4px 12px #11998e4d;transform:scale(1.05)}.ics-help-text{color:#718096;font-size:14px;margin:0;padding-left:4px}.btn-export{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:3px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 10px;transition:all .2s}.btn-export:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.calendar-controls{align-items:center;background:#fff;border-radius:3px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px 32px}.calendar-nav{gap:16px}.btn-nav{align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-nav:hover{background:#667eea1a;border-color:#667eea}.current-period h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0;min-width:280px;text-align:center}.btn-today{background:#fff;border:1px solid #e8eef5;border-radius:3px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.btn-today:hover{background:#667eea1a;border-color:#667eea}.view-switcher{background:#f8f9fa;border-radius:3px;display:flex;gap:8px;padding:4px}.view-btn{color:#718096;font-weight:500;padding:8px 16px}.view-btn.active{box-shadow:0 2px 4px #00000014}.calendar-page .month-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;padding:16px;width:100%}.calendar-page .weekday-header{border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:repeat(7,1fr)!important;margin-bottom:8px;padding-bottom:8px;width:100%}.calendar-page .weekday-name{color:#667eea;font-size:.75rem;font-weight:600;text-align:center;text-transform:uppercase}.calendar-page .calendar-grid{background:#f0f0f0;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)!important;overflow:hidden;width:100%}.calendar-page .calendar-day{align-items:unset!important;aspect-ratio:unset!important;background:#fff;border:none!important;border-radius:2px!important;display:block!important;justify-content:unset!important;min-height:80px;padding:6px;position:relative;transition:background .2s}.calendar-page .calendar-day.empty{background:#fafbfc}.calendar-page .calendar-day.today{background:linear-gradient(135deg,#667eea14,#764ba214)}.calendar-page .calendar-day.today .day-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.calendar-page .day-number{align-items:center;border-radius:50%;color:#1a202c;display:flex;font-size:.8rem;font-weight:600;gap:4px;height:24px;justify-content:center;margin-bottom:4px;width:24px}.calendar-page .day-number .blocked-icon{color:#ef4444}.calendar-page .calendar-day.blocked-day{background:repeating-linear-gradient(-45deg,#fff5f5,#fff5f5 5px,#fee2e2 0,#fee2e2 10px)}.calendar-page .calendar-day.blocked-day .day-number{background:#fecaca;color:#dc2626}.calendar-page .blocked-day-label{align-items:center;background:#dc26261a;border-radius:4px;color:#dc2626;display:flex;font-size:11px;gap:4px;margin-bottom:4px;padding:2px 6px}.calendar-page .blocked-times-indicator{align-items:center;background:#f59e0b1a;border-radius:3px;color:#f59e0b;display:flex;font-size:9px;gap:3px;margin-bottom:4px;padding:2px 5px}.calendar-page .day-events{display:flex;flex-direction:column;gap:2px}.calendar-page .day-event{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:2px solid #667eea;border-radius:4px;cursor:pointer;font-size:.65rem;overflow:hidden;padding:3px 5px;transition:all .2s}.calendar-page .day-event:hover{background:linear-gradient(135deg,#667eea33,#764ba233)}.calendar-page .event-time{color:#667eea;display:none;font-size:.6rem;font-weight:600}.calendar-page .event-title{color:#1a202c;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-page .event-badge{display:none}.list-view{background:#fff;border-radius:3px;box-shadow:0 2px 8px #00000014;padding:10px}.events-list{display:flex;flex-direction:column;gap:16px}.event-card{background:linear-gradient(135deg,#fafbfc,#fff);border:1px solid #e8eef5;border-radius:3px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s}.event-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.event-date-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:60px;justify-content:center;width:60px}.date-month{font-size:.75rem;font-weight:600;text-transform:uppercase}.date-day{font-size:1.5rem;font-weight:700}.event-details{flex:1 1;min-width:0}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.event-header h3{color:#1a202c;font-size:1.125rem;font-weight:600;margin:0}.status-badge{border-radius:3px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-open{background:#fef3c7;color:#92400e}.status-assigned{background:#dbeafe;color:#1e40af}.status-in_progress{background:#ede9fe;color:#5b21b6}.status-completed{background:#d1fae5;color:#065f46}.event-meta{flex-wrap:wrap;gap:16px;margin-bottom:12px}.event-meta,.event-party{color:#718096;display:flex;font-size:1.1rem}.event-party{align-items:center;gap:8px}.event-party img,.party-avatar{border-radius:50%;height:28px;object-fit:cover;width:28px}.party-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center}.event-amount{align-self:center;color:#667eea;flex-shrink:0;font-size:1.25rem;font-weight:700}.empty-calendar{align-items:center;color:#718096;display:flex;flex-direction:column;padding:80px 20px;text-align:center}.empty-calendar svg{color:#e8eef5;margin-bottom:16px}.empty-calendar h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:8px}.event-modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-modal{animation:slideUp .3s;background:#fff;border-radius:3px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e8eef5;padding:5px}.modal-header h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.btn-close{background:#f8f9fa;border:none;border-radius:50%;color:#718096;cursor:pointer;font-size:1.5rem;height:36px;transition:all .2s;width:36px}.btn-close:hover{background:#e8eef5}.modal-body{padding:10px 32px}.detail-row{align-items:flex-start;gap:16px;margin-bottom:16px}.detail-label{color:#718096;font-size:.9375rem;font-weight:600;min-width:140px}.detail-value{color:#1a202c;font-size:.9375rem}.detail-description{color:#1a202c;line-height:1.6;margin:0}.party-info{align-items:center;display:flex;gap:8px}.party-avatar-small,.party-info img{border-radius:50%;height:32px;object-fit:cover;width:32px}.party-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-weight:600;justify-content:center}.modal-footer{border-top:1px solid #e8eef5;padding:20px 32px}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:3px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 10px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.loading-calendar{color:#718096;font-size:1.125rem;padding:60px 20px;text-align:center}@media (max-width:968px){.calendar-page{padding:16px 3%}.calendar-page .calendar-header{align-items:flex-start;flex-direction:column;gap:16px}.calendar-page .calendar-title-section{align-items:flex-start;flex-direction:column;width:100%}.calendar-page .btn-back-calendar{width:auto}.calendar-page .calendar-title-section h1{font-size:1.5rem}.calendar-page .calendar-actions{flex-direction:row;width:100%}.calendar-page .ics-link-container{width:100%}.calendar-page .ics-link-box{max-width:100%;width:100%}.calendar-page .ics-link-text{font-size:13px;max-width:calc(100% - 50px)}.calendar-page .btn-copy-link{flex-shrink:0}.calendar-page .btn-export{justify-content:center;width:100%}.calendar-page .calendar-controls{flex-direction:column;gap:12px;padding:12px 16px}.calendar-page .calendar-nav{flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.calendar-page .current-period{order:-1;text-align:center;width:100%}.calendar-page .current-period h2{font-size:1.1rem;min-width:auto}.calendar-page .btn-nav{height:32px;width:32px}.calendar-page .btn-today{font-size:.875rem;padding:6px 12px}.calendar-page .view-switcher{width:100%}.calendar-page .view-btn{flex:1 1;font-size:.8rem;justify-content:center;padding:6px 10px}.calendar-page .month-view{padding:10px}.calendar-page .weekday-name{font-size:.6rem}.calendar-page .calendar-day{min-height:55px;padding:3px}.calendar-page .day-number{font-size:.65rem;height:18px;margin-bottom:2px;width:18px}.calendar-page .day-event{font-size:.5rem;padding:2px 3px}.calendar-page .event-title{font-size:.5rem}.calendar-page .more-events{font-size:.45rem;padding:1px 3px}.calendar-page .event-card{flex-direction:column}.calendar-page .event-amount{align-self:flex-start}.calendar-page .modal-header{padding:10px}.calendar-page .modal-body{padding:20px 10px}.calendar-page .modal-footer{padding:16px 10px}}@media (max-width:480px){.calendar-page{margin-top:55px;padding:10px 2%}.calendar-page .ics-link-text{font-size:13px}.calendar-page .ics-link-box{padding:6px 8px}.calendar-page .btn-copy-link{padding:5px}.calendar-page .month-view{border-radius:8px;padding:6px}.calendar-page .weekday-name{font-size:.5rem;letter-spacing:-.5px}.calendar-page .calendar-day{min-height:45px;padding:2px}.calendar-page .day-number{font-size:.55rem;height:16px;margin-bottom:1px;width:16px}.calendar-page .day-event{border-left-width:1px;font-size:.45rem;padding:1px 2px}.calendar-page .event-title{font-size:.45rem}.calendar-page .more-events{font-size:.4rem;padding:1px 2px}.calendar-page .calendar-controls{padding:8px 10px}.calendar-page .current-period h2{font-size:.9rem}.calendar-page .btn-nav{height:26px;width:26px}.calendar-page .btn-today{font-size:.7rem;padding:4px 8px}.calendar-page .view-btn{font-size:.65rem;padding:4px 6px}.calendar-page .view-btn svg{height:12px;width:12px}}.calendar-actions{align-items:center;display:flex;gap:12px}.btn-manage-calendars,.btn-sync{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.btn-manage-calendars:hover,.btn-sync:hover:not(:disabled){background:#f5f3ff;border-color:#667eea;color:#667eea}.btn-sync:disabled{cursor:not-allowed;opacity:.5}.btn-sync.syncing{background:#667eea;border-color:#667eea;color:#fff}.btn-sync .spin{animation:spin 1s linear infinite}.calendar-manager-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:24px}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.manager-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.btn-add-calendar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-add-calendar:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.last-sync-text{color:#9ca3af;font-size:12px;margin-bottom:16px}.no-calendars{color:#6b7280;padding:40px 20px;text-align:center}.no-calendars svg{color:#d1d5db;margin-bottom:12px}.no-calendars p{margin:4px 0}.no-calendars .hint{color:#9ca3af;font-size:13px}.connected-calendars-list{display:flex;flex-direction:column;gap:12px}.connected-calendar-item{align-items:center;background:#f9fafb;border-left:4px solid #667eea;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.cal-info{align-items:center;display:flex;gap:12px}.cal-icon{font-size:24px}.cal-details{display:flex;flex-direction:column}.cal-name{color:#1f2937;font-size:14px;font-weight:600}.cal-provider{color:#6b7280;font-size:12px}.cal-settings{gap:16px}.cal-settings,.setting-toggle{align-items:center;display:flex}.setting-toggle{gap:8px}.toggle-label{color:#6b7280;font-size:12px}.toggle-btn{background:none;border:none;color:#d1d5db;cursor:pointer;padding:0;transition:color .2s}.toggle-btn.active{color:#667eea}.btn-disconnect{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .2s}.btn-disconnect:hover{background:#fee2e2;color:#ef4444}.show-imported-toggle{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.show-imported-toggle label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:8px}.show-imported-toggle input{accent-color:#667eea;height:16px;width:16px}.add-calendar-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.add-calendar-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.add-calendar-modal .modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.add-calendar-modal .btn-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px}.add-calendar-modal .btn-close:hover{background:#f3f4f6}.add-calendar-modal .modal-body{padding:24px}.calendar-providers{display:flex;flex-direction:column;gap:12px}.provider-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:16px 20px;transition:all .2s}.provider-btn:hover{background:#f5f3ff;border-color:#667eea}.provider-btn.google:hover{background:#e8f0fe;border-color:#4285f4}.provider-btn.microsoft:hover{background:#e6f3ff;border-color:#0078d4}.provider-icon{font-size:24px}.provider-name{flex:1 1}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.divider span{color:#9ca3af;font-size:13px;padding:0 16px}.ical-form{gap:16px}.ical-form,.ical-form .form-group{display:flex;flex-direction:column}.ical-form .form-group{gap:6px}.ical-form label{color:#374151;font-size:13px;font-weight:500}.ical-form input{border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;padding:12px 16px;transition:border-color .2s}.ical-form input:focus{border-color:#667eea;outline:none}.btn-connect-ical{align-items:center;background:#ff9500;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.btn-connect-ical:hover:not(:disabled){background:#e68600}.btn-connect-ical:disabled{cursor:not-allowed;opacity:.6}.ics-link-section{margin-bottom:20px}.ics-link-container{background:#f9fafb;border-radius:12px;padding:16px}.ics-link-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.ics-link-text{color:#6b7280;flex:1 1;font-size:13px;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.btn-copy-link{background:#667eea;border:none;color:#fff;cursor:pointer;padding:10px 14px;transition:background .2s}.btn-copy-link:hover{background:#5a67d8}.ics-help-text{color:#9ca3af;font-size:12px;margin-top:8px}.day-event.imported{background:#fef3c7;border-left-width:3px}.event-card.imported{background:linear-gradient(135deg,#fefce8,#fef9c3)}.imported-badge{color:#92400e!important;font-size:11px!important}.source-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.external-event-note{color:#6b7280;font-size:13px;font-style:italic}.more-events{background:#ede9fe;border-radius:4px;color:#667eea;font-size:11px;font-weight:500;margin-top:4px;padding:2px 6px;text-align:center}@media (max-width:768px){.calendar-actions{gap:8px}.btn-manage-calendars span,.btn-sync span{display:none}.calendar-manager-panel{padding:16px}.connected-calendar-item{align-items:flex-start;flex-direction:column;gap:12px}.cal-settings{justify-content:space-between;width:100%}.add-calendar-modal{margin:16px;max-width:calc(100% - 32px)}}.hero-map-container,.job-map-container{margin:20px 0;width:100%}.map-error,.map-loading{align-items:center;background:#f8f9fa;border-radius:3px;display:flex;flex-direction:column;gap:16px;height:600px;justify-content:center}.map-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.map-error p{color:#ef4444;font-weight:500}.map-info-window{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;width:380px}.gm-style-iw-c{border-radius:14px!important;box-shadow:0 8px 30px #0000001f!important;padding:0!important}.gm-style-iw-d{max-height:none!important;overflow:hidden!important;padding:0!important}.gm-style-iw-chr{position:absolute!important;right:4px!important;top:4px!important;z-index:2}.gm-style-iw-tc:after{background:#fff!important}.iw-header{align-items:center;display:flex;gap:10px;padding:14px 14px 0}.iw-avatar-wrap{flex-shrink:0}.iw-avatar{border-radius:10px;display:block;height:36px;object-fit:cover;width:36px}.iw-avatar--fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.iw-title-block{flex:1 1;min-width:0}.iw-title{color:#111827;font-size:14px;font-weight:700;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iw-client{color:#9ca3af;display:block;font-size:11px;margin-top:1px}.iw-price{color:#059669;font-size:16px;font-weight:800;letter-spacing:-.3px;padding:10px 14px 0}.iw-tags{display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px 0}.iw-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;letter-spacing:.2px;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.iw-tag--cat{background:#f3f4f6;color:#4b5563}.iw-tag--asap{background:#fef3c7;color:#b45309}.iw-tag--sched{background:#ede9fe;color:#6d28d9}.iw-tag--dist{background:#fce7f3;color:#be185d}.iw-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.45;margin:6px 0 0;overflow:hidden;padding:0 14px}.iw-actions{display:flex;gap:8px;padding:10px 14px 14px}.iw-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:8px 0;transition:opacity .15s,transform .15s;white-space:nowrap}.iw-btn:active{transform:scale(.97)}.iw-btn--secondary{background:#f3f4f6;color:#374151}.iw-btn--secondary:hover{background:#e5e7eb}.iw-btn--primary{background:#667eea;color:#fff}.iw-btn--primary:hover{opacity:.9}@media (max-width:768px){.gm-style-iw-c,.gm-style-iw-d{max-width:92vw!important}.map-info-window{width:calc(88vw - 24px)}.iw-actions{gap:6px}.iw-btn{font-size:13px;padding:10px 0}}.btn-view-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin-top:8px;padding:8px 12px;transition:all .2s ease;width:100%}.btn-view-hero:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.hero-info .hero-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.hero-info .hero-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.hero-info .hero-rating{align-items:center;color:#6b7280;display:flex;font-size:16px;gap:6px}.hero-info .elite-badge{margin-left:4px}.hero-info .hero-details{display:flex;gap:12px;margin:10px 0}.hero-info .status-badge{border-radius:3px;font-size:14px;font-weight:600;padding:4px 10px}.hero-info .status-badge.available{background:#dcfce7;color:#16a34a}.hero-info .status-badge.unavailable{background:#fee2e2;color:#dc2626}.hero-info .hero-skills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.hero-info .skill-tag{background:#e0e7ff;border-radius:3px;color:#4338ca;font-size:14px;font-weight:500;padding:4px 10px;text-transform:capitalize}.hero-info .hero-bio{color:#6b7280;font-size:15px;line-height:1.5;margin:8px 0}.find-heroes-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:40px 10%}.find-heroes-page .page-header{margin-bottom:32px}.find-heroes-page .back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 52px;transition:all .2s}.find-heroes-page .back-btn:hover{background:#f9fafb;color:#374151}.find-heroes-page .header-content h1{color:#1f2937;font-size:36px;font-weight:700;margin:0 0 8px}.find-heroes-page .header-content p{color:#6b7280;font-size:16px;margin:0}.controls-bar{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap;gap:16px;margin-bottom:10px;padding:20px}.controls-bar,.search-box{align-items:center;display:flex}.search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;flex:1 1;gap:12px;min-width:300px;padding:12px 16px}.search-box input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:16px;outline:none}.search-box input::placeholder{color:#9ca3af}.filter-group{align-items:center;display:flex;gap:10px}.category-select{background:#fff;border:1px solid #e5e7eb;border-radius:3px;color:#374151;cursor:pointer;font-size:16px;padding:10px 16px}.view-toggle{background:#f3f4f6;border-radius:3px;display:flex;gap:8px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.view-btn:hover:not(.active){color:#374151}.results-info{margin-bottom:20px}.results-info p{color:#6b7280;font-size:16px;font-weight:500}.heroes-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.hero-card{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0000000d;padding:10px;transition:all .3s ease}.hero-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.hero-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.hero-avatar-large{border-radius:50%;height:64px;object-fit:cover;width:64px}.hero-info h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.hero-meta{gap:12px}.hero-meta,.rating{align-items:center;display:flex}.rating{color:#6b7280;font-size:16px;gap:6px}.reviews-count{color:#9ca3af}.elite-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:flex;gap:6px;padding:4px 10px}.availability-badge,.elite-badge{border-radius:3px;font-size:14px;font-weight:600}.availability-badge{margin-left:auto;padding:6px 14px}.availability-badge.available{background:#dcfce7;color:#16a34a}.availability-badge.busy{background:#fee2e2;color:#dc2626}.hero-details{display:flex;gap:20px;margin:16px 0}.detail-item{align-items:center;color:#6b7280;display:flex;font-size:16px;gap:8px}.detail-item svg{color:#667eea}.detail-item.bio-preview{color:#9ca3af;font-size:15px;font-style:italic}.skills-container{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.skill-badge{background:#e0e7ff;border-radius:3px;color:#4338ca;font-size:15px;font-weight:500;padding:6px 14px;text-transform:capitalize}.hero-bio{color:#6b7280;font-size:16px;line-height:1.6;margin:16px 0}.hero-stats{border-top:1px solid #e5e7eb;display:flex;gap:32px;margin:16px 0;padding:16px 5px}.stat{align-items:center;display:flex;flex-direction:column;gap:6px}.stat-value{color:#1f2937;font-size:13px;font-weight:700}.stat-label{color:#9ca3af;font-size:15px;font-weight:500}.btn-contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-contact-hero:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.no-results{background:#fff;border-radius:3px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results p{color:#6b7280;font-size:16px;margin-bottom:20px}.no-results button{background:#667eea;border:none;border-radius:3px;color:#fff;cursor:pointer;font-weight:600;padding:12px 10px}.view-toggle-bar{background:#fff;border-radius:3px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;justify-content:center;margin:24px 0;padding:20px}.view-toggle-btn{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:3px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 28px;transition:all .3s ease}.view-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.view-toggle-btn:hover:not(.active){border-color:#667eea;color:#667eea}.jobs-map-view{margin:24px 0}@media (max-width:768px){.find-heroes-page{padding:20px 2%}.controls-bar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.view-toggle{width:100%}.view-btn{flex:1 1;justify-content:center}.heroes-grid{grid-template-columns:1fr}.view-toggle-bar{flex-direction:column}.view-toggle-btn{justify-content:center}.map-info-window{width:calc(88vw - 24px)}.action-btn,.btn,button{min-height:36px;min-width:36px}.cta-buttons button,.hero-buttons button,.quick-actions button{width:100%}.action-group,.button-group{flex-direction:column!important;width:100%}.btn svg,button svg{flex-shrink:0}.btn,button{overflow:visible;text-overflow:ellipsis;white-space:nowrap}.category-buttons,.radius-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.category-btn,.radius-btn{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:100px}.btn-icon-modern,.settings-btn{min-height:44px;min-width:44px;padding:12px}.back-btn,.btn-back-dashboard{justify-content:center;padding:12px 20px;width:100%}.btn-create-job,.btn-primary,.btn-submit{font-size:16px;padding:16px 10px;width:100%}.btn-secondary{font-size:16px;padding:14px 20px;width:100%}.btn-compact,.btn-sm{font-size:16px;padding:10px 16px}.btn-icon{align-items:center;display:flex;height:44px;justify-content:center;padding:10px;width:44px}.nav-tab,.role-tab{flex:1 1;min-width:0;padding:12px 16px}.dialog-buttons,.modal-buttons{flex-direction:column-reverse!important;gap:12px!important}.dialog-buttons button,.modal-buttons button{width:100%}.filter-btn{font-size:16px;padding:10px 16px}.view-toggle{display:flex;width:100%}.view-btn,.view-toggle-btn{flex:1 1;justify-content:center;padding:12px 16px}.btn-load-more,.btn-pagination{margin:0 auto;max-width:320px;width:100%}.fab,.floating-btn{bottom:20px;height:56px;right:20px;width:56px}.btn:has(svg),button:has(svg){align-items:center;display:inline-flex;gap:8px}.btn,button{touch-action:manipulation}}@media (max-width:375px){.btn,button{font-size:16px;padding:12px 16px}.btn-primary{font-size:16px;padding:14px 20px}.btn-icon,.btn-sm{min-height:30px;min-width:30px}.action-group,.button-group{gap:8px!important}}@media (max-height:600px) and (orientation:landscape){.btn,button{min-height:40px;padding:10px 20px}.btn-primary{padding:12px 10px}}@media (min-width:769px) and (max-width:1024px){.quick-actions{grid-template-columns:repeat(2,1fr)!important}.hero-buttons{margin:0 auto;max-width:500px}.btn,button{font-size:16px;padding:12px 10px}}.text-very-light{color:#6b7280}.caption,.text-sm{font-weight:500}.badge-low-contrast{font-weight:600}:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.bid-modal-overlay,.doc-viewer-overlay,.login-modal-overlay,.modal-overlay,.referral-modal-overlay,.review-modal-overlay,.send-money-modal-overlay,.terms-modal-overlay,.user-modal-overlay,[class*=-modal-overlay]{align-items:flex-start!important;animation:modalFadeIn .2s ease;backdrop-filter:blur(4px);background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:60px 16px 16px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.bid-modal-content,.category-modal,.modal-content,.referral-modal,.review-modal,.role-selection-modal,.send-money-modal,.terms-modal,.user-modal-container,[class*=-modal]:not(.login-modal-content):not([class*=-modal-overlay]):not([class*=-modal-header]):not([class*=-modal-body]):not([class*=-modal-actions]):not([class*=-modal-footer]):not([class*=-modal-close]){animation:modalSlideUp .25s ease;background:#fff!important;border-radius:16px!important;box-shadow:0 25px 80px #00000059!important;max-height:calc(100vh - 80px)!important;max-width:800px!important;overflow-y:auto!important;width:100%!important}.login-modal-overlay .login-modal-content,div.login-modal-content{animation:modalSlideUp .25s ease;background:#fff!important;border-radius:16px!important;box-shadow:0 25px 80px #00000059!important;max-height:calc(100vh - 80px)!important;max-width:440px!important;overflow-y:auto!important;width:100%!important}.login-modal-header{flex-direction:column!important;gap:12px!important;padding:32px 24px 20px!important;text-align:center!important}.login-modal-header h2{font-size:1.5rem!important}.login-modal-body{padding:10px 32px 32px!important}.login-modal-header,.modal-header,.review-modal-header,[class*=-modal-header]{align-items:center!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-radius:16px 16px 0 0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:space-between!important;padding:16px 20px!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h2,.modal-header h3,.review-modal-header h2,[class*=-modal-header] h2,[class*=-modal-header] h3{color:#1f2937!important;flex:1 1!important;font-size:1.25rem!important;font-weight:700!important;margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.btn-close,.close-btn,.modal-close,[class*=-modal] button[class*=close]{align-items:center!important;background:#f3f4f6!important;border:none!important;border-radius:50%!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:36px!important;justify-content:center!important;line-height:1!important;margin-left:auto!important;min-width:36px!important;transition:all .2s!important;width:36px!important}.btn-close:hover,.close-btn:hover,.modal-close:hover,[class*=-modal] button[class*=close]:hover{background:#e5e7eb!important;color:#1f2937!important;transform:rotate(90deg)}.login-modal-body,.modal-body,.review-modal-content,[class*=-modal-body],[class*=-modal-content]:not([class*=bid-modal-content]):not([class*=login-modal-content]){padding:20px!important}.modal-actions,.modal-footer,.review-modal-actions,[class*=-modal-actions],[class*=-modal-footer]{background:#f9fafb!important;border-radius:0 0 16px 16px!important;border-top:1px solid #e5e7eb!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:16px 20px!important}.modal-actions .btn,.modal-footer .btn,.review-modal-actions .btn,[class*=-modal-actions] .btn,[class*=-modal-footer] .btn{border-radius:10px!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;padding:12px 24px!important;transition:all .2s!important}.modal-actions .btn-primary,.modal-footer .btn-primary,[class*=-modal-actions] .btn-primary,[class*=-modal-footer] .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.modal-actions .btn-primary:hover,.modal-footer .btn-primary:hover,[class*=-modal-actions] .btn-primary:hover,[class*=-modal-footer] .btn-primary:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-2px)!important}.modal-actions .btn-secondary,.modal-footer .btn-secondary,[class*=-modal-actions] .btn-secondary,[class*=-modal-footer] .btn-secondary{background:#fff!important;border:1.5px solid #d1d5db!important;color:#6b7280!important;display:block}.modal-actions .btn-secondary:hover,.modal-footer .btn-secondary:hover,[class*=-modal-actions] .btn-secondary:hover,[class*=-modal-footer] .btn-secondary:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.modal-body .form-group,[class*=-modal-body] .form-group,[class*=-modal-content] .form-group{margin-bottom:16px!important}.modal-body .form-label,[class*=-modal-body] .form-label,[class*=-modal-body] label,[class*=-modal-content] .form-label,[class*=-modal-content] label{color:#374151!important;display:flex;font-size:16px!important;font-weight:600!important;margin-bottom:6px!important}.modal-body .form-input,.modal-body .form-textarea,.modal-body input[type=email],.modal-body input[type=number],.modal-body input[type=password],.modal-body input[type=text],.modal-body select,.modal-body textarea,[class*=-modal-body] input,[class*=-modal-body] select,[class*=-modal-body] textarea,[class*=-modal-content] input,[class*=-modal-content] select,[class*=-modal-content] textarea{border:1.5px solid #d1d5db!important;box-sizing:border-box!important;font-size:15px!important;padding:12px!important;transition:border-color .2s,box-shadow .2s!important}.modal-body .form-input:focus,.modal-body .form-textarea:focus,.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus,[class*=-modal-body] input:focus,[class*=-modal-body] select:focus,[class*=-modal-body] textarea:focus,[class*=-modal-content] input:focus,[class*=-modal-content] select:focus,[class*=-modal-content] textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important;outline:none!important}.modal-body .form-textarea,.modal-body textarea,[class*=-modal-body] textarea,[class*=-modal-content] textarea{min-height:100px!important;resize:vertical!important}.job-info-summary,.modal-body .info-summary,.modal-body .job-info-summary,[class*=-modal-body] .info-summary,[class*=-modal-body] .job-info-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-left:4px solid #0ea5e9!important;border-radius:12px!important;margin-bottom:16px!important;padding:14px 18px!important}.job-info-summary h3,.modal-body .info-summary h3,.modal-body .job-info-summary h3,[class*=-modal-body] .info-summary h3,[class*=-modal-body] .job-info-summary h3{color:#1f2937!important;font-size:1rem!important;font-weight:600!important;margin:0 0 6px!important}.user-modal-overlay.modal-layer-top{z-index:20000!important}@media (max-width:768px){.bid-modal-overlay,.doc-viewer-overlay,.login-modal-overlay,.modal-overlay,.review-modal-overlay,.send-money-modal-overlay,.terms-modal-overlay,.user-modal-overlay,[class*=-modal-overlay]{padding:50px 10px 10px!important}.bid-modal-content,.category-modal,.login-modal-content,.modal-content,.review-modal,.role-selection-modal,.send-money-modal,.terms-modal,.user-modal-container,[class*=-modal]:not([class*=-modal-overlay]):not([class*=-modal-header]):not([class*=-modal-body]):not([class*=-modal-actions]):not([class*=-modal-footer]):not([class*=-modal-close]){border-radius:14px!important;margin:0!important;max-height:calc(100vh - 60px)!important;max-width:100%!important}.modal-header,.review-modal-header,[class*=-modal-header]{padding:14px 16px!important}.modal-header h2,.modal-header h3,.review-modal-header h2,[class*=-modal-header] h2,[class*=-modal-header] h3{font-size:1.1rem!important}.close-btn,.modal-close{font-size:18px!important;height:32px!important;min-width:32px!important;width:32px!important}.modal-body,.review-modal-content,[class*=-modal-body],[class*=-modal-content]:not([class*=bid-modal-content]):not([class*=login-modal-content]){padding:16px!important}.modal-body .form-group,[class*=-modal-body] .form-group,[class*=-modal-content] .form-group{margin-bottom:12px!important}.modal-body .form-label,[class*=-modal-body] .form-label,[class*=-modal-body] label,[class*=-modal-content] .form-label,[class*=-modal-content] label{font-size:16px!important;margin-bottom:4px!important}.modal-body .form-input,.modal-body .form-textarea,.modal-body input,.modal-body select,.modal-body textarea,[class*=-modal-body] input,[class*=-modal-body] select,[class*=-modal-body] textarea,[class*=-modal-content] input,[class*=-modal-content] select,[class*=-modal-content] textarea{font-size:14px!important;padding:10px 12px!important}.modal-body .form-textarea,.modal-body textarea,[class*=-modal-body] textarea,[class*=-modal-content] textarea{min-height:80px!important}.job-info-summary,.modal-body .info-summary,.modal-body .job-info-summary,[class*=-modal-body] .info-summary,[class*=-modal-body] .job-info-summary{margin-bottom:12px!important;padding:12px 14px!important}.job-info-summary h3,.modal-body .info-summary h3,.modal-body .job-info-summary h3,[class*=-modal-body] .info-summary h3,[class*=-modal-body] .job-info-summary h3{font-size:.9rem!important}.modal-actions,.modal-footer,.review-modal-actions,[class*=-modal-actions],[class*=-modal-footer]{flex-direction:column!important;gap:10px!important;padding:14px 16px!important}.modal-actions .btn,.modal-footer .btn,.review-modal-actions .btn,[class*=-modal-actions] .btn,[class*=-modal-footer] .btn{font-size:14px!important;padding:12px 20px!important;width:100%!important}}.modal input[type=number],.modal-content input[type=number],.modal-overlay input[type=number]{-moz-appearance:textfield!important}.modal input[type=number]::-webkit-inner-spin-button,.modal input[type=number]::-webkit-outer-spin-button,.modal-content input[type=number]::-webkit-inner-spin-button,.modal-content input[type=number]::-webkit-outer-spin-button,.modal-overlay input[type=number]::-webkit-inner-spin-button,.modal-overlay input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important;margin:0!important}body{line-height:1.3}.description,.info-text,.text-body,p{line-height:1.6}.h1,h1{line-height:1.2}.h2,h2{line-height:1.25}.h3,h3{line-height:1.4}.h4,.h5,.h6,h4,h5,h6{line-height:1.35}.caption,.helper-text,.input-hint,.text-sm,small{line-height:1.5}.form-label,.label,label{line-height:1.4}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--container-padding-mobile:16px;--container-padding-tablet:20px;--container-padding-desktop:24px;--card-padding-mobile:14px;--card-padding-tablet:18px;--card-padding-desktop:20px;--section-gap-mobile:20px;--section-gap-tablet:28px;--section-gap-desktop:32px;--form-gap:16px;--input-padding:12px 14px;--button-padding:10px 18px}.content-container,.main-content,.page-container{padding:var(--container-padding-mobile)}@media (min-width:768px){.content-container,.main-content,.page-container{padding:var(--container-padding-tablet)}}@media (min-width:1024px){.content-container,.main-content,.page-container{padding:var(--container-padding-desktop)}}.box,.card,.panel,.section-card{padding:var(--card-padding-mobile)}@media (min-width:768px){.box,.card,.panel,.section-card{padding:var(--card-padding-tablet)}}@media (min-width:1024px){.box,.card,.panel,.section-card{padding:var(--card-padding-desktop)}}.form-group{margin-bottom:var(--form-gap)}.form-label{display:block;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{line-height:1.5;padding:12px 14px}.form-hint,.helper-text,.input-hint{line-height:1.5;margin-top:var(--spacing-xs)}.btn,.button,button{line-height:1.4;padding:10px 18px}.btn-sm,.button-sm{padding:6px 12px}.btn-lg,.button-lg{padding:14px 24px}.item-list,.list{gap:var(--spacing-md)}.grid{gap:var(--spacing-lg)}@media (min-width:768px){.grid{gap:var(--spacing-xl)}}.section,section{margin-bottom:var(--section-gap-mobile)}@media (min-width:768px){.section,section{margin-bottom:var(--section-gap-tablet)}}@media (min-width:1024px){.section,section{margin-bottom:var(--section-gap-desktop)}}.dialog-content,.modal-content{padding:var(--card-padding-mobile)}@media (min-width:768px){.dialog-content,.modal-content{padding:var(--card-padding-desktop)}}.dialog-header,.modal-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.dialog-footer,.modal-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}table td,table th{line-height:1.5;padding:12px 14px}@media (max-width:767px){table td,table th{padding:10px 12px}}.badge,.chip,.tag{line-height:1.4;padding:4px 10px}.dropdown-item,.menu-item,.nav-item a,.nav-link{line-height:1.4;padding:10px 14px}.alert,.notification,.toast-content{line-height:1.5;padding:14px 16px}[data-sonner-toaster]{z-index:99999!important}[data-sonner-toast]{animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1)!important;backdrop-filter:blur(12px)!important;border:1px solid #0000000f!important;border-radius:10px!important;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;padding:14px 16px!important}[data-sonner-toast][data-type=success]{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#166534!important}[data-sonner-toast][data-type=error]{background:#fef2f2!important;border-color:#fecaca!important;color:#991b1b!important}[data-sonner-toast][data-type=warning]{background:#fffbeb!important;border-color:#fed7aa!important;color:#92400e!important}[data-sonner-toast][data-type=default],[data-sonner-toast][data-type=info]{background:#f0f9ff!important;border-color:#bae6fd!important;color:#0c4a6e!important}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-sonner-toast][data-removed=true]{animation:toastSlideOut .25s ease forwards!important}@keyframes toastSlideOut{to{opacity:0;transform:translateY(-8px) scale(.97)}}[data-sonner-toast] [data-icon]{font-size:18px!important;margin-right:2px}[data-sonner-toast] [data-title]{font-size:14px!important;font-weight:600!important;line-height:1.4!important}[data-sonner-toast] [data-description]{font-size:13px!important;margin-top:2px;opacity:.85}[data-sonner-toast] [data-close-button]{align-items:center!important;background:#0000000f!important;border:none!important;border-radius:50%!important;display:flex!important;height:22px!important;justify-content:center!important;opacity:.6!important;transition:background .15s!important;width:22px!important}[data-sonner-toast] [data-close-button]:hover{background:#0000001f!important;opacity:1!important}@media (max-width:480px){:root{--container-padding-mobile:12px;--card-padding-mobile:12px}.btn,.button,button{padding:10px 14px}.form-input,.form-select,input[type=email],input[type=password],input[type=text],select{padding:10px 12px}}.p-0{padding:0!important}.p-xs{padding:var(--spacing-xs)!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.m-0{margin:0!important}.m-xs{margin:var(--spacing-xs)!important}.m-sm{margin:var(--spacing-sm)!important}.m-md{margin:var(--spacing-md)!important}.m-lg{margin:var(--spacing-lg)!important}.m-xl{margin:var(--spacing-xl)!important}.gap-xs{gap:var(--spacing-xs)!important}.gap-sm{gap:var(--spacing-sm)!important}.gap-md{gap:var(--spacing-md)!important}.gap-lg{gap:var(--spacing-lg)!important}.gap-xl{gap:var(--spacing-xl)!important}.leading-tight{line-height:1.25!important}.leading-snug{line-height:1.375!important}.leading-normal{line-height:1.5!important}.leading-relaxed{line-height:1.625!important}.leading-loose{line-height:1.75!important}.back-btn,.btn-back,.btn-back-calendar,.btn-back-compact,.btn-back-dashboard,.btn-back-mobile{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.back-btn:hover,.btn-back-calendar:hover,.btn-back-compact:hover,.btn-back-dashboard:hover,.btn-back-mobile:hover,.btn-back:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.back-btn svg,.btn-back svg,.btn-back-calendar svg,.btn-back-compact svg,.btn-back-dashboard svg,.btn-back-mobile svg{height:18px;width:18px}@media (max-width:768px){.back-btn,.btn-back,.btn-back-calendar,.btn-back-compact,.btn-back-dashboard,.btn-back-mobile{font-size:.85rem;padding:8px 12px}.back-btn svg,.btn-back svg,.btn-back-calendar svg,.btn-back-compact svg,.btn-back-dashboard svg,.btn-back-mobile svg{height:16px;width:16px}}.reminder-preferences{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:0;overflow:hidden}.reminder-prefs-header{align-items:center;background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-bottom:1px solid #f3e8ff;display:flex;gap:14px;padding:18px 20px}.reminder-prefs-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.reminder-prefs-body{display:flex;flex-direction:column;gap:18px;padding:20px}.reminder-pref-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.reminder-time-options{display:flex;gap:8px}.reminder-time-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.reminder-time-btn:hover{background:#faf5ff;border-color:#a855f7;color:#7c3aed}.reminder-time-btn.active{background:linear-gradient(135deg,#a855f7,#7c3aed);border-color:#a855f7;box-shadow:0 2px 8px #a855f740;color:#fff}@media (max-width:640px){.reminder-pref-row{align-items:flex-start;flex-direction:column;gap:10px}.reminder-time-options{width:100%}.reminder-time-btn{flex:1 1;text-align:center}}.smart-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.smart-suggestions-loading{align-items:center;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;display:flex;font-size:14px;gap:10px;padding:16px 20px}.smart-suggestions-header{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:background .2s;width:100%}.smart-suggestions-header:hover{background:linear-gradient(135deg,#ede9fe,#e0d7fe)}.smart-header-left{gap:14px}.smart-header-left,.smart-icon{align-items:center;display:flex}.smart-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.smart-header-left h3{color:#1e1b4b;font-size:15px;font-weight:700;margin:0;text-align:left}.smart-header-left p{color:#6d28d9;font-size:13px;margin:2px 0 0;text-align:left}.smart-header-right{gap:8px}.smart-header-right,.smart-refresh-btn{align-items:center;color:#7c3aed;display:flex}.smart-refresh-btn{background:#7c3aed1a;border:none;border-radius:8px;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.smart-refresh-btn:hover:not(:disabled){background:#7c3aed33}.smart-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.smart-suggestions-body{display:flex;flex-direction:column;gap:16px;padding:16px}.suggestion-group{display:flex;flex-direction:column;gap:8px}.suggestion-group-label{align-items:center;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;padding:0 4px;text-transform:uppercase}.suggestion-group-label.warning{color:#d97706}.suggestion-group-label.success{color:#059669}.suggestion-card{align-items:center;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:all .15s}.suggestion-card.unblocked{background:#fffbeb;border:1px solid #fde68a}.suggestion-card.unblocked:hover{background:#fef3c7;border-color:#fbbf24}.suggestion-card.blocked{background:#ecfdf5;border:1px solid #a7f3d0}.suggestion-info{flex:1 1;min-width:0}.suggestion-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-title svg{color:#6b7280;flex-shrink:0}.suggestion-meta{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px;margin-top:4px}.suggestion-date,.suggestion-time{align-items:center;display:flex;gap:4px}.suggestion-duration{color:#9ca3af;font-size:12px;margin-top:2px}.suggestion-hint{color:#7c3aed}.suggestion-block-btn{align-items:center;background:#f59e0b;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .15s;white-space:nowrap}.suggestion-block-btn:hover{background:#d97706;box-shadow:0 2px 8px #d977064d;transform:translateY(-1px)}.suggestion-protected-badge{align-items:center;background:#d1fae5;border-radius:10px;color:#065f46;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}@media (max-width:640px){.smart-suggestions-header{padding:14px 16px}.smart-header-left h3{font-size:14px}.suggestion-card{align-items:stretch;flex-direction:column;gap:10px}.suggestion-block-btn{justify-content:center}.suggestion-meta{align-items:flex-start;flex-direction:column;gap:4px}}.availability-settings{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;margin:0 auto;overflow:hidden;width:100%}.availability-settings.embedded{border:1px solid #e2e8f0;border-radius:12px;box-shadow:none}.availability-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.availability-header .header-title{align-items:center;display:flex;gap:12px}.availability-header h2{color:#fff!important;font-size:1.25rem;font-weight:600;margin:0}.availability-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.availability-header .close-btn:hover{background:#ffffff4d}.availability-loading{padding:60px 20px;text-align:center}.availability-loading .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.instant-booking-card{align-items:center;background:#ededed;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.instant-booking-info{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.instant-booking-info svg{color:#9ca3af;flex-shrink:0;transition:color .3s}.instant-booking-info svg.active{color:#f59e0b}.instant-booking-info h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.instant-booking-info p{color:#6b7280;font-size:.875rem;margin:0}.instant-toggle{background:#e5e7eb;border:none;border-radius:14px;cursor:pointer;display:block;flex-shrink:0;height:28px;max-height:28px;min-height:28px!important;min-width:52px;outline:none;padding:0!important;position:relative;transition:all .3s ease;width:52px}.instant-toggle:focus{box-shadow:0 0 0 2px #667eea4d}.instant-toggle.active{background:linear-gradient(135deg,#667eea,#764ba2)}.instant-toggle-slider{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:22px;justify-content:center;left:3px;position:absolute;top:3px;transition:all .3s ease;width:22px}.instant-toggle-slider:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:10px;opacity:0;transition:opacity .2s;width:10px}.instant-toggle.active .instant-toggle-slider{transform:translateX(24px)}.instant-toggle.active .instant-toggle-slider:after{opacity:1}.availability-tabs{-webkit-overflow-scrolling:touch;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:0;scrollbar-width:none}.availability-tabs::-webkit-scrollbar{display:none}.availability-tabs .tab{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:8px;padding:14px 20px;position:relative;transition:color .2s;white-space:nowrap}.availability-tabs .tab:hover{color:#374151}.availability-tabs .tab.active{color:#667eea}.availability-tabs .tab.active:after{background:#667eea;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.booking-count{background:#ef4444;border-radius:10px;color:#fff;font-size:.6875rem;font-weight:600;margin-left:6px;padding:2px 6px}.tab-content{min-height:350px;padding:24px}.weekly-schedule{display:flex;flex-direction:column;gap:12px}.day-row{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.day-row.enabled{background:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.day-header{gap:12px;min-width:90px}.day-header,.day-toggle{align-items:center;display:flex}.day-toggle{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;height:32px;justify-content:center;min-width:32px;transition:all .2s;width:32px}.day-toggle.active{background:#667eea;border-color:#667eea;color:#fff}.day-name{color:#374151;font-size:.9375rem;font-weight:600}.day-slots{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.time-slot{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.time-slot select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-size:.875rem;max-width:140px;min-width:100px;padding:8px 12px}.time-slot select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.slot-separator{color:#9ca3af;flex-shrink:0;font-size:.875rem}.remove-slot-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.remove-slot-btn:hover{background:#fecaca}.add-slot-btn{align-items:center;background:#0000;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;gap:6px;padding:6px 12px;transition:all .2s;width:fit-content}.add-slot-btn:hover{background:#f5f3ff;border-color:#667eea;color:#667eea}.unavailable-text{color:#9ca3af;font-size:.875rem;font-style:italic}.block-dates-section{max-width:100%}.block-times-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.block-times-section h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:8px}.block-times-section .section-description{color:#6b7280;font-size:.875rem;margin-bottom:16px;text-align:left}.add-blocked-time{background:#f9fafb;border-radius:12px;margin-bottom:16px;padding:16px}.blocked-time-inputs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:12px}.blocked-time-inputs .input-group{display:flex;flex-direction:column;gap:4px}.blocked-time-inputs .input-group label{color:#6b7280;font-size:.75rem;font-weight:500}.blocked-time-inputs .input-group input{border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:8px 12px;transition:border-color .2s}.blocked-time-inputs .input-group input:focus{border-color:#667eea;outline:none}.add-time-block-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:opacity .2s,transform .2s}.add-time-block-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-time-block-btn:disabled{cursor:not-allowed;opacity:.5}.blocked-times-list h5{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:12px}.blocked-time-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.blocked-time-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.blocked-time-date{color:#374151;font-weight:600}.blocked-time-range{background:#f5f3ff;border-radius:4px;color:#667eea;font-size:.875rem;padding:2px 8px}.blocked-time-reason{color:#6b7280;font-size:.8125rem;font-style:italic}.remove-time-block-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-time-block-btn:hover{background:#fecaca}.section-description{color:#6b7280;font-size:.875rem;margin-bottom:24px;padding:0 16px;text-align:center}.calendar-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:0 auto;overflow:hidden}.calendar-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.calendar-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.calendar-header .nav-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.calendar-header .nav-btn:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.calendar-weekdays{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px}.calendar-weekdays .weekday{color:#6b7280;text-transform:uppercase}.calendar-grid{gap:2px;grid-template-columns:repeat(7,1fr);padding:8px}.calendar-day{border-radius:8px;font-size:.875rem}.calendar-day:hover:not(.past):not(.empty){background:#f3f4f6}.calendar-day.unavailable{background:#f9fafb;color:#9ca3af;cursor:pointer}.calendar-day.unavailable:hover{background:#f3f4f6}.calendar-day.blocked{background:#fee2e2;color:#ef4444;cursor:pointer}.calendar-day.blocked:hover{background:#dcfce7;border:2px solid #22c55e;color:#16a34a}.calendar-day.blocked:hover .block-icon{display:none}.calendar-day.blocked:after{content:"";display:none}.calendar-day.blocked:hover:after{bottom:2px;color:#16a34a;content:"✓";display:block;font-size:11px;position:absolute;right:4px}.calendar-day .block-icon{bottom:2px;position:absolute;right:2px}.calendar-legend{padding:16px}.legend-color{border:1px solid #e5e7eb;border-radius:4px;height:14px;width:14px}.legend-color.available{background:#fff}.legend-color.blocked{background:#fee2e2;border-color:#fecaca}.legend-color.unavailable{background:#f9fafb}.blocked-dates-list{margin-top:24px}.blocked-dates-list h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px;text-align:center}.blocked-dates-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.date-chip{background:#fee2e2;border-radius:20px;color:#b91c1c;font-size:.8125rem;gap:8px;padding:6px 12px}.date-chip,.date-chip button{align-items:center;display:flex}.date-chip button{background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;height:20px;justify-content:center;transition:all .2s;width:20px}.date-chip button:hover{background:#ef44444d}.advanced-settings{display:flex;flex-direction:column;gap:24px}.setting-item{display:flex;flex-direction:row;gap:8px}.setting-item label{color:#374151;font-size:.9375rem;font-weight:600}.setting-item select{background:#fff;border:1px solid #d1d5db;border-radius:10px;cursor:pointer;font-size:.9375rem;padding:12px 16px;transition:all .2s;width:100%}.setting-item select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-description{color:#9ca3af;font-size:.8125rem;margin:0}.availability-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 24px}.save-btn{align-items:center;background:linear-gradient(135deg,#667eea,#5b4def);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.7}.save-btn .spinner.small{border-width:2px;height:18px;width:18px}.bookings-section .section-description{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;font-size:.875rem;gap:10px;margin-bottom:20px;padding:12px 16px;text-align:left}.bookings-section .section-description svg{flex-shrink:0;margin-top:2px}.no-bookings{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-bookings h3{color:#374151;font-size:1.125rem;margin:16px 0 8px}.no-bookings p{font-size:.875rem;margin:0;max-width:300px}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.booking-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.booking-header{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:12px}.booking-title{align-items:center;color:#1f2937;display:flex;flex:1 1;font-weight:600;gap:8px;min-width:0}.booking-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-title svg{color:#667eea;flex-shrink:0}.booking-category{background:#f3f4f6;border-radius:20px;color:#6b7280;flex-shrink:0;font-size:.75rem;padding:4px 10px;text-transform:capitalize}.booking-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.booking-time{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.booking-suggestion{background:#fef3c7;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:12px}.booking-suggestion svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.suggestion-text{color:#92400e;font-size:.8125rem;line-height:1.5}.suggestion-action{font-weight:600}.block-suggestion-btn{align-items:center;background:linear-gradient(135deg,#667eea,#5b4def);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.block-suggestion-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.already-blocked{background:#ecfdf5;border-radius:8px;color:#047857;font-size:.875rem;font-weight:500;gap:8px;padding:12px}.already-blocked,.blocking-modal-overlay{align-items:center;display:flex;justify-content:center}.blocking-modal-overlay{backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.blocking-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:420px;overflow:hidden;overflow-y:auto;width:100%}.blocking-modal-header{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;display:flex;gap:12px;padding:20px}.blocking-modal-header h3{font-size:1.125rem;font-weight:600;margin:0}.blocking-modal-body{padding:20px}.blocking-modal-body p{color:#374151;font-size:.9375rem;line-height:1.6;margin:0 0 16px}.time-info{background:#f9fafb;border-radius:10px;margin-bottom:16px;padding:16px}.time-row{border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between;padding:8px 0}.time-row:last-child{border-bottom:none}.time-row strong{color:#1f2937}.suggestion-note{color:#6b7280!important;font-size:.875rem!important}.blocking-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.blocking-modal-footer .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px;transition:all .2s}.blocking-modal-footer .btn-cancel:hover{background:#f3f4f6}.blocking-modal-footer .btn-confirm{align-items:center;background:linear-gradient(135deg,#667eea,#5b4def);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.blocking-modal-footer .btn-confirm:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}@media (max-width:640px){.availability-settings{border-radius:0;box-shadow:none;min-height:100vh}.availability-header{padding:16px 20px}.availability-header h2{font-size:1.125rem}.instant-booking-card{flex-direction:row;gap:16px;padding:16px 20px;text-align:center}.instant-booking-info{flex-direction:column;gap:12px}.instant-toggle{flex-shrink:0;height:28px;min-width:52px;width:52px}.instant-toggle-slider{height:22px;left:3px;top:3px;width:22px}.instant-toggle.active .instant-toggle-slider{transform:translateX(24px)}.availability-tabs{padding:0 8px}.availability-tabs .tab{font-size:.8125rem;padding:12px 14px}.availability-tabs .tab svg{height:16px;width:16px}.tab-content{padding:16px}.day-row{align-items:stretch;flex-direction:row;gap:12px;padding:12px}.day-header{justify-content:flex-start;min-width:auto}.time-slot{flex-wrap:wrap}.time-slot select{flex:1 1;max-width:none;min-width:90px}.calendar-container{border-radius:10px}.calendar-day{font-size:.8125rem}.calendar-day .block-icon{height:10px;width:10px}.calendar-legend{gap:12px;padding:12px}.legend-item{font-size:.6875rem}.booking-header{align-items:flex-start;flex-direction:row}.booking-details{gap:8px}.blocking-modal-footer,.booking-details{flex-direction:column}.availability-footer{padding:16px 20px}}@media (max-width:400px){.availability-tabs .tab span{display:none}.availability-tabs .tab{padding:14px 16px}.time-slot select{font-size:.8125rem;padding:10px}}.calendar-hint{color:#9ca3af;font-size:.75rem;font-style:italic;margin:12px 0 0;text-align:center}.booking-calendar-container{background:#fff;border-radius:20px;box-shadow:0 8px 40px #0000001f;margin:0 auto;max-width:100%;overflow:auto;width:100%}.booking-header{align-items:center;background:linear-gradient(135deg,#667eea,#5b4def);color:#fff;display:flex;gap:16px;justify-content:space-between;padding:24px}.booking-header .header-info{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.booking-header .header-info svg{flex-shrink:0}.booking-header h2{background:#fff;background-clip:text;font-size:1.375rem;font-weight:600;margin:0}.booking-header p{font-size:.875rem;margin:4px 0 0;opacity:.9}.booking-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;transition:all .2s;width:40px}.booking-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.instant-booking-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px}.instant-booking-badge svg{color:#f59e0b}.booking-content{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.calendar-section{border-right:1px solid #e5e7eb;padding:24px}.calendar-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-nav h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.calendar-nav .nav-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.calendar-nav .nav-btn:hover{background:#f3f4f6;border-color:#667eea;color:#667eea}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekdays .weekday{color:#9ca3af;font-size:.75rem;font-weight:600;padding:8px 0;text-align:center}.calendar-grid{display:grid;gap:4px;grid-template-columns:repeat(7,1fr)!important}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.9375rem;font-weight:500;justify-content:center;position:relative;transition:all .2s}.calendar-day:hover:not(.past):not(.empty):not(.unavailable):not(.blocked){background:#f5f3ff;border-color:#667eea}.calendar-day.empty{cursor:default}.calendar-day.past{color:#d1d5db;cursor:not-allowed;opacity:.5;pointer-events:none}.calendar-day.blocked,.calendar-day.unavailable{background:#f9fafb;color:#9ca3af;cursor:not-allowed;pointer-events:none}.calendar-day.available,.calendar-day.partial{color:#374151}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#5b4def);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.05)}.partial-indicator{background:#f59e0b;border-radius:50%;bottom:4px;height:6px;position:absolute;width:6px}.calendar-day.selected .partial-indicator{background:#fff}.calendar-loading{align-items:center;color:#6b7280;flex-direction:column;gap:12px;padding:60px 20px}.calendar-legend,.calendar-loading{display:flex;justify-content:center}.calendar-legend{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:6px}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.available{background:#667eea}.legend-dot.partial{background:#f59e0b}.legend-dot.unavailable{background:#d1d5db}.slots-section{display:flex;flex-direction:column;padding:24px}.slots-header{align-items:center;color:#374151;display:flex;gap:10px;margin-bottom:20px}.slots-header h3{font-size:1rem;font-weight:600;margin:0}.no-slots,.slots-placeholder{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;text-align:center}.no-slots p,.slots-placeholder p{color:#6b7280;font-size:.9375rem;margin:0}.no-slots span{font-size:.8125rem}.slots-loading{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.time-slots-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-height:480px;overflow-y:auto;padding:4px}.time-slot-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:6px;justify-content:center;padding:14px 12px;transition:all .2s}.time-slot-btn:hover{background:#f5f3ff;border-color:#667eea}.time-slot-btn.selected{background:linear-gradient(135deg,#667eea,#5b4def);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}.booking-notes{margin-top:20px}.booking-notes label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.booking-notes textarea{border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:12px;resize:none;transition:all .2s;width:100%}.booking-notes textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.booking-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.selected-summary{align-items:center;color:#374151;display:flex;flex:1 1;font-size:.9375rem;gap:10px;min-width:0}.selected-summary .check-icon{color:#10b981;flex-shrink:0}.selected-summary .no-selection{color:#9ca3af;font-style:italic}.book-btn{align-items:center;background:linear-gradient(135deg,#667eea,#5b4def);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:14px 32px;transition:all .2s}.book-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.book-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s linear infinite}@media (max-width:768px){.booking-calendar-container{border-radius:0;max-height:100vh;overflow-y:auto}.booking-content{display:block;grid-template-columns:1fr}.calendar-section{border-bottom:1px solid #e5e7eb;border-right:none;padding:20px}.slots-section{padding:20px}.booking-footer{flex-direction:column;margin-bottom:80px;padding:16px 20px}.selected-summary{justify-content:center;text-align:center;width:100%}.book-btn{min-width:auto;width:100%}}@media (max-width:480px){.booking-header{padding:10px}.booking-header h2{font-size:1.125rem}.booking-header p{font-size:.8125rem}.calendar-nav h3{font-size:1rem}.calendar-day{font-size:.8125rem}.time-slots-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.time-slot-btn{font-size:.8125rem;padding:12px 8px}.slots-header h3{font-size:.9375rem}.calendar-legend{gap:12px;margin-top:16px;padding-top:12px}.legend-item{font-size:.6875rem}}@media (max-width:360px){.time-slots-grid{grid-template-columns:1fr 1fr}.calendar-nav .nav-btn{height:32px;width:32px}}.job-client-info{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin:0 16px 12px;padding:12px 16px}.job-client-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.job-client-details .client-name{color:#64748b;font-size:.8125rem;font-weight:500;text-transform:uppercase}.job-client-details .job-title-booking{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media (max-width:480px){.job-client-info{gap:10px;margin:0 12px 10px;padding:10px 12px}.job-client-details .job-title-booking{font-size:.875rem;text-transform:uppercase}.job-client-details .client-name{font-size:.75rem}}.booking-display.compact{align-items:center;border-radius:20px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.booking-display.compact.confirmed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.booking-display.compact.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.booking-display.compact.no-booking{background:#f3f4f6;color:#6b7280}.booking-display.compact .relative-badge{background:#047857;border-radius:10px;color:#fff;font-size:.6875rem;font-weight:600;margin-left:4px;padding:2px 8px}.booking-display.full{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.booking-display.full.confirmed{border-color:#a7f3d0}.booking-display.full.pending{border-color:#fde68a}.booking-display .booking-status{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;display:flex;font-size:.875rem;font-weight:600;gap:10px;padding:12px 16px}.booking-display .booking-status.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.booking-display .booking-datetime{align-items:center;display:flex;justify-content:space-between;padding:16px}.booking-display .booking-datetime.proposed{background:#fffbeb}.booking-display .datetime-main{align-items:center;display:flex;gap:12px}.booking-display .datetime-main svg{color:#667eea}.booking-display .datetime-main strong{color:#1f2937;display:block;font-size:1rem}.booking-display .datetime-main span{color:#6b7280;font-size:.875rem}.booking-display .relative-time{background:linear-gradient(135deg,#667eea,#5b4def);border-radius:20px;color:#fff;font-size:.8125rem;font-weight:600;padding:6px 14px}.booking-display .proposed-label{color:#9ca3af;font-size:.75rem;font-style:italic}.booking-display .instant-badge{align-items:center;background:#fffbeb;border-top:1px solid #fde68a;color:#92400e;display:flex;font-size:.8125rem;font-weight:500;gap:6px;justify-content:center;padding:10px 16px}.booking-display .instant-badge svg{color:#f59e0b}.booking-display .proposal-notes{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px}.booking-display .proposal-notes p{color:#6b7280;font-size:.875rem;font-style:italic;margin:0}.booking-display .no-booking-prompt{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:24px;text-align:center}.booking-display .no-booking-prompt p{font-size:.875rem;margin:0}@media (max-width:480px){.booking-display.compact{flex-wrap:wrap;justify-content:center}.booking-display .booking-datetime{align-items:flex-start;flex-direction:column;gap:12px}.booking-display .relative-time{align-self:flex-start}}.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-overlay{background:#ffffffe6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-overlay,.page-loader{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.page-loader{background:var(--bg-primary,#f5f5f5);height:100vh}.animate-spin{animation:spin 1s linear infinite}.alert{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert-icon{flex-shrink:0}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:4px}.alert-close{background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s}.alert-close:hover{opacity:1}.empty-state{align-items:center;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{color:var(--text-tertiary,#9ca3af);margin-bottom:16px}.empty-state-title{color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-description{margin-bottom:24px;max-width:400px}.empty-state-action{background:var(--primary,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.empty-state-action:hover{background:var(--primary-hover,#4f46e5)}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card.hoverable{cursor:pointer;transition:box-shadow .2s,transform .2s}.card.hoverable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card.padding-none{padding:0}.card.padding-sm{padding:12px}.card.padding-normal{padding:20px}.card.padding-lg{padding:28px}.card-header{align-items:center;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.card-title{color:var(--text-primary,#1f2937);font-size:18px;font-weight:600}.card-subtitle{color:var(--text-secondary,#6b7280);font-size:14px;margin-top:4px}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;text-transform:capitalize}.badge-sm{font-size:11px;padding:2px 8px}.badge-md{font-size:12px;padding:4px 10px}.badge-lg{font-size:13px;padding:6px 14px}.badge-default{background:#f3f4f6;color:#374151}.badge-success{background:#d1fae5;color:#065f46}.badge-error{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:var(--primary,#6366f1);color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-sm .avatar-fallback{font-size:12px}.avatar-md .avatar-fallback{font-size:14px}.avatar-lg .avatar-fallback{font-size:18px}.avatar-xl .avatar-fallback{font-size:24px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-sm{width:400px}.modal-md,.modal-sm{max-width:calc(100% - 32px)}.modal-md{width:560px}.modal-lg{width:720px}.modal-lg,.modal-xl{max-width:calc(100% - 32px)}.modal-xl{width:900px}.modal-header{align-items:center;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary,#6b7280);cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text-primary,#1f2937)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid var(--border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{font-size:13px;padding:8px 14px}.btn-md{font-size:14px;padding:10px 18px}.btn-lg{font-size:15px;padding:12px 24px}.btn-primary{background:var(--primary,#6366f1);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover,#4f46e5)}.btn-secondary{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#1f2937)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary,#e5e7eb)}.btn-outline{background:#0000;border:1px solid var(--border,#e5e7eb);color:var(--text-primary,#1f2937)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:#0000;color:var(--text-secondary,#6b7280)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary,#f3f4f6);color:var(--text-primary,#1f2937)}.btn.loading{pointer-events:none}.btn-spinner{margin-right:4px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:var(--text-primary,#1f2937);font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary,#9ca3af);left:12px;position:absolute}.input{border:1px solid var(--border,#e5e7eb);border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.input-wrapper .input-icon+.input{padding-left:40px}.input:focus{border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f11a;outline:none}.input-group.has-error .input{border-color:#ef4444}.input-error{color:#ef4444;font-size:12px}.input-helper{color:var(--text-tertiary,#9ca3af);font-size:12px}.select{background:#fff;border:1px solid var(--border,#e5e7eb);border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;width:100%}.tabs{border-bottom:1px solid var(--border,#e5e7eb);gap:4px;padding-bottom:0}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary,#6b7280);cursor:pointer;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s}.tab:hover{color:var(--text-primary,#1f2937)}.tab.active{border-bottom-color:var(--primary,#6366f1);color:var(--primary,#6366f1)}.tab-count{background:var(--bg-secondary,#f3f4f6);border-radius:9999px;font-size:12px;padding:2px 8px}.tab.active .tab-count{background:#6366f11a;color:var(--primary,#6366f1)}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px}.pagination-btn{background:var(--bg-secondary,#f3f4f6);border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary,#e5e7eb)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary,#6b7280);font-size:14px}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-content{background:#1f2937;border-radius:6px;color:#fff;font-size:12px;opacity:0;padding:6px 12px;position:absolute;transition:all .2s;visibility:hidden;white-space:nowrap;z-index:100}.tooltip-wrapper:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-top .tooltip-content{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip-bottom .tooltip-content{left:50%;margin-top:8px;top:100%;transform:translateX(-50%)}.tooltip-left .tooltip-content{margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-content{left:100%;margin-left:8px;top:50%;transform:translateY(-50%)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.w-full{width:100%}.h-full{height:100%}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.pwa-install-banner{animation:pwa-slide-up .4s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #00000014;border-radius:14px;bottom:16px;box-shadow:0 4px 24px #0000001f;left:16px;max-width:340px;padding:0;position:fixed;right:auto;z-index:9997}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-install-banner-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px;max-width:100%;padding:14px 16px;position:relative}.pwa-install-icon-wrap{flex-shrink:0}.pwa-install-icon{border-radius:10px;box-shadow:0 2px 8px #0000001a;height:44px;width:44px}.pwa-install-text{flex:1 1;min-width:0}.pwa-install-title{color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.3;margin:0}.pwa-install-subtitle{color:#888;font-size:12px;line-height:1.3;margin:2px 0 0}.pwa-install-btn{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:background .2s;white-space:nowrap;width:100%}.pwa-install-btn:hover{background:#4f46e5}.pwa-install-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s,color .2s;width:28px}.pwa-install-dismiss:hover{background:#f0f0f0;color:#666}.pwa-ios-overlay{align-items:flex-end;animation:pwa-fade-in .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes pwa-fade-in{0%{opacity:0}to{opacity:1}}.pwa-ios-modal{animation:pwa-slide-up .3s ease-out;background:#fff;border-radius:20px 20px 0 0;max-width:420px;padding:28px 24px 36px;position:relative;text-align:center;width:100%}.pwa-ios-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.pwa-ios-icon{border-radius:12px;box-shadow:0 2px 12px #0000001a;height:56px;margin-bottom:12px;width:56px}.pwa-ios-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 20px}.pwa-ios-steps{display:flex;flex-direction:column;gap:14px;text-align:left}.pwa-ios-step{align-items:flex-start;display:flex;gap:12px}.pwa-ios-step-num{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-top:1px;width:24px}.pwa-ios-step p{color:#444;font-size:14px;line-height:1.5;margin:0}@supports (padding-bottom:env(safe-area-inset-bottom)){.pwa-install-banner{bottom:calc(16px + env(safe-area-inset-bottom))}.pwa-ios-modal{padding-bottom:calc(36px + env(safe-area-inset-bottom))}}@media (prefers-color-scheme:dark){.pwa-install-banner{background:#1e1e1ef7;border-color:#ffffff14}.pwa-install-title{color:#f0f0f0}.pwa-install-dismiss,.pwa-install-subtitle{color:#888}.pwa-install-dismiss:hover{background:#333;color:#ccc}}@media (max-width:480px){.pwa-install-banner{bottom:12px;left:12px;max-width:none;right:12px}}.onboarding-overlay{align-items:center;backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.onboarding-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:520px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px;z-index:10}.onboarding-close:hover{background:#e5e7eb;color:#374151}.onboarding-progress{background:#e5e7eb;border-radius:20px 20px 0 0;height:4px;overflow:hidden}.onboarding-progress .progress-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s ease}.onboarding-steps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px 24px 0}.step-indicator{align-items:center;display:flex;flex-direction:column;gap:6px;opacity:.4;transition:all .2s}.step-indicator.active,.step-indicator.completed{opacity:1}.step-indicator .step-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.step-indicator.active .step-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f666;color:#fff}.step-indicator.completed .step-icon{background:#10b981;color:#fff}.step-indicator .step-title{color:#6b7280;font-size:11px;font-weight:500;text-align:center}.step-indicator.active .step-title{color:#3b82f6;font-weight:600}.onboarding-content{padding:32px 32px 24px}.step-content h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.step-subtitle{color:#6b7280;font-size:15px;margin:0 0 24px}.step-subtitle,.welcome-step{text-align:center}.welcome-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.welcome-benefits{display:flex;flex-direction:column;gap:12px;margin-top:24px}.benefit-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:12px;padding:12px 16px;text-align:left}.benefit-item svg{color:#3b82f6;flex-shrink:0}.benefit-item span{color:#374151;font-size:14px}.photo-upload-section{display:flex;justify-content:center;margin-bottom:24px}.photo-preview{background:#f3f4f6;border-radius:50%;cursor:pointer;height:100px;overflow:hidden;position:relative;transition:all .2s;width:100px}.photo-preview:hover{transform:scale(1.05)}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.photo-placeholder span{font-size:11px;font-weight:500}.photo-upload-buttons{display:flex;gap:8px;margin-top:12px}.photo-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s}.photo-btn:hover{background:#f3f4f6;border-color:#9ca3af}.photo-btn.camera{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.photo-btn.camera:hover{background:#dbeafe}.photo-edit-badge{align-items:center;background:#3b82f6;border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:flex;font-size:14px;font-weight:600;margin-bottom:8px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#9ca3af;left:14px;pointer-events:none;position:absolute}.input-with-icon input{border:2px solid #e5e7eb;border-radius:12px;font-size:15px;padding:14px 14px 14px 44px;transition:all .2s;width:100%}.input-with-icon input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:15px;padding:14px;resize:none;transition:all .2s;width:100%}.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-hint{color:#9ca3af;font-size:12px;margin-top:6px}.location-confirmed{align-items:center;background:#ecfdf5;border-radius:10px;color:#059669;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.skills-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.skill-chip{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:12px 14px;text-align:left;transition:all .2s}.skill-chip.selected,.skill-chip:hover{background:#eff6ff;border-color:#3b82f6}.skill-chip.selected{color:#1d4ed8}.skill-chip .skill-icon{font-size:18px}.skill-chip span:not(.skill-icon){font-size:13px;font-weight:500}.skill-chip svg{color:#3b82f6;margin-left:auto}.payout-info{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.payout-benefit{background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:16px}.payout-benefit svg{color:#3b82f6;flex-shrink:0}.payout-benefit h4{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 4px}.payout-benefit p{color:#6b7280;font-size:13px;margin:0}.btn-stripe-setup{align-items:center;background:linear-gradient(135deg,#635bff,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.btn-stripe-setup:hover:not(:disabled){box-shadow:0 8px 20px #635bff66;transform:translateY(-2px)}.btn-stripe-setup:disabled{cursor:not-allowed;opacity:.7}.id-upload-section{margin-bottom:20px}.id-upload-buttons{display:flex;gap:12px;margin-bottom:12px}.id-upload-dropzone{align-items:center;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px;text-align:center;transition:all .2s}.id-upload-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.id-upload-dropzone.camera{background:#ecfdf5;border-color:#10b981}.id-upload-dropzone.camera:hover{background:#d1fae5;border-color:#059669}.id-upload-dropzone svg{color:#6b7280}.id-upload-dropzone.camera svg{color:#10b981}.id-upload-dropzone span{color:#374151;font-size:13px;font-weight:600}.id-upload-section .upload-hint{color:#9ca3af;font-size:12px;margin:0;text-align:center}.id-upload-area{border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;padding:40px 24px;text-align:center;transition:all .2s}.id-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.id-upload-area svg{color:#9ca3af;margin-bottom:12px}.id-upload-area span{color:#374151;display:block;font-size:15px;font-weight:600;margin-bottom:4px}.id-upload-area .upload-hint{color:#9ca3af;font-size:13px}.id-preview{align-items:center;display:flex;gap:8px;justify-content:center}.id-preview .success-icon{color:#10b981}.btn-submit-id{align-items:center;background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.btn-submit-id:hover:not(:disabled){background:#059669}.btn-submit-id:disabled{cursor:not-allowed;opacity:.7}.skip-hint{color:#9ca3af;font-size:13px;margin-top:16px}.complete-step,.skip-hint{text-align:center}.complete-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.complete-actions{margin-top:24px}.complete-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.complete-actions .btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.onboarding-nav{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 32px 32px}.nav-right{display:flex;gap:12px;margin-left:auto}.btn-back{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:6px;padding:12px 20px;transition:all .2s}.btn-back:hover{color:#374151}.btn-skip{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s}.btn-skip:hover{color:#374151}.btn-next{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;padding:12px 24px;transition:all .2s}.btn-next:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-next:disabled{cursor:not-allowed;opacity:.7}.spin{animation:spin 1s linear infinite}@media (max-width:640px){.onboarding-modal{border-radius:0;max-height:100vh}.onboarding-content{padding:24px 20px 16px}.onboarding-nav{padding:16px 20px 24px}.step-content h2{font-size:20px}.onboarding-steps{gap:4px;padding:16px 16px 0}.step-indicator .step-title{font-size:10px}.step-indicator .step-icon{height:28px;width:28px}.skills-grid{grid-template-columns:1fr}.complete-icon,.welcome-icon{height:64px;width:64px}.photo-preview{height:80px;width:80px}}.role-selection{gap:12px;margin-top:20px}.role-option,.role-selection{display:flex;flex-direction:column}.role-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:16px;text-align:left;transition:all .2s}.role-option.selected,.role-option:hover{background:#eff6ff;border-color:#3b82f6}.role-option.selected{box-shadow:0 0 0 3px #3b82f626}.role-header{align-items:center;display:flex;gap:12px}.role-icon{flex-shrink:0;font-size:28px}.role-info{flex:1 1}.role-info h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 2px}.role-info p{color:#6b7280;font-size:13px;margin:0}.role-check{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.role-features{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}.role-features li{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;display:flex;font-size:12px;gap:6px;padding:4px 10px}.role-features li svg{color:#10b981;flex-shrink:0}.role-option.selected .role-features li{background:#fff;border-color:#bfdbfe}.role-hint{color:#9ca3af;font-size:13px;margin-top:16px;text-align:center}.terms-step{margin:0 auto;max-width:480px;text-align:center}.terms-header{margin-bottom:32px}.terms-header .terms-icon{color:#667eea;margin-bottom:16px}.terms-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}.terms-summary{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:20px;text-align:left}.terms-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:10px 0}.terms-item:last-child{border-bottom:none}.terms-item .terms-check{color:#10b981;flex-shrink:0;margin-top:2px}.terms-item span{color:#4b5563;font-size:14px;line-height:1.5}.terms-item a{color:#667eea;font-weight:500;text-decoration:none}.terms-item a:hover{text-decoration:underline}.terms-checkbox{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .2s}.terms-checkbox:hover{border-color:#667eea}.terms-checkbox:has(input:checked){background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea}.terms-checkbox input{display:none}.terms-checkbox .checkbox-custom{align-items:center;border:2px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.terms-checkbox input:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.terms-checkbox input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.terms-checkbox .checkbox-label{color:#374151;font-size:15px;font-weight:500;text-align:left}.btn-accept-terms{background:linear-gradient(135deg,#10b981,#059669)!important}.btn-accept-terms:disabled{background:#d1d5db!important;cursor:not-allowed}@media (max-width:480px){.terms-step{padding:0 8px}.terms-header h2{font-size:20px}.terms-summary{padding:16px}.terms-item{padding:8px 0}.terms-item span{font-size:13px}.terms-checkbox{padding:12px 16px}.terms-checkbox .checkbox-label{font-size:14px}}.seo-backdrop{align-items:center;animation:seo-fade-in .4s ease-out;backdrop-filter:blur(12px);background:#080818d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes seo-fade-in{0%{opacity:0}to{opacity:1}}.seo-card{animation:seo-card-in .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#0f172a,#1e1b4b);border:1px solid #6366f133;border-radius:24px;box-shadow:0 0 80px #6366f114,0 24px 48px #0006;color:#fff;max-width:420px;padding:48px 40px 36px;text-align:center;width:90vw}@keyframes seo-card-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.seo-animation{height:140px;margin:0 auto 28px;position:relative;width:180px}.seo-server-rack{display:flex;flex-direction:column;gap:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.seo-server-unit{align-items:center;animation:seo-unit-shake 4s ease-in-out infinite;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:4px;display:flex;gap:5px;height:28px;padding:0 8px;width:120px}.seo-unit-mid{animation-delay:.3s}@keyframes seo-unit-shake{0%,90%,to{transform:translateX(0)}92%{transform:translateX(-2px)}94%{transform:translateX(2px)}96%{transform:translateX(-1px)}98%{transform:translateX(1px)}}.seo-led{border-radius:50%;flex-shrink:0;height:5px;width:5px}.seo-led-off{background:#1e293b;box-shadow:0 0 2px #64748b4d}.seo-led-blink{animation:seo-blink 1.2s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 6px #f59e0b99}@keyframes seo-blink{0%,to{box-shadow:0 0 6px #f59e0b99;opacity:1}50%{box-shadow:0 0 2px #f59e0b33;opacity:.2}}.seo-drive-bay{background:#334155;border-radius:1px;height:3px;margin-left:auto;width:16px}.seo-drive-bay+.seo-drive-bay{margin-left:3px}.seo-particle{animation:seo-float 6s ease-in-out infinite;border-radius:50%;opacity:0;position:absolute}.seo-p1{animation-delay:0s;background:#818cf8;height:4px;left:20%;top:30%;width:4px}.seo-p2{animation-delay:1.2s;background:#f59e0b;height:3px;left:75%;top:20%;width:3px}.seo-p3{animation-delay:2.4s;background:#6366f1;height:5px;left:10%;top:70%;width:5px}.seo-p4{animation-delay:3.6s;background:#a78bfa;height:3px;left:85%;top:65%;width:3px}.seo-p5{animation-delay:4.8s;background:#fbbf24;height:4px;left:50%;top:10%;width:4px}@keyframes seo-float{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.8;transform:translateY(-10px) scale(1)}80%{opacity:.4;transform:translateY(-40px) scale(.6)}to{opacity:0;transform:translateY(-60px) scale(0)}}.seo-wave{animation:seo-wave-pulse 3s ease-out infinite;border:1px solid #6366f14d;border-radius:50%;height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:40px}.seo-w1{animation-delay:0s}.seo-w2{animation-delay:1s}.seo-w3{animation-delay:2s}@keyframes seo-wave-pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}.seo-title{-webkit-text-fill-color:#fff!important;align-items:baseline;background:none!important;background-clip:unset!important;color:#fff!important;display:flex;font-size:22px;font-weight:700;justify-content:center;letter-spacing:-.3px;margin:0 0 8px}.seo-dots{display:inline-block;letter-spacing:1px;text-align:left;width:24px}.seo-subtitle{-webkit-text-fill-color:#94a3b8!important;background:none!important;background-clip:unset!important;color:#94a3b8!important;font-size:14px;line-height:1.5;margin:0 0 28px}.seo-actions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.seo-retry-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:transform .15s ease,box-shadow .15s ease}.seo-retry-btn:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.seo-retry-btn:active{transform:translateY(0)}.seo-retry-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.seo-spin{animation:seo-rotate 1s linear infinite}@keyframes seo-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.seo-dismiss-btn{background:#0000;border:1px solid #334155;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:color .15s ease,border-color .15s ease}.seo-dismiss-btn:hover{border-color:#475569;color:#94a3b8}.seo-hint{-webkit-text-fill-color:#475569!important;background:none!important;background-clip:unset!important;color:#475569!important;font-size:12px;margin:0}.action-confirm-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-confirm-modal{animation:modalSlideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-width:440px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.action-confirm-header{align-items:center;display:flex;gap:14px;padding:20px 24px;position:relative}.action-confirm-header h3{background:#fff;background-clip:text;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.action-confirm-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.8;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.action-confirm-header .close-btn:hover{background:#ffffff4d;opacity:1}.header-default{background:linear-gradient(135deg,#667eea,#5b4def);color:#fff}.header-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.header-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.header-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-confirm-body{padding:24px}.confirm-message{color:#1f2937;font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 8px}.confirm-description{color:#6b7280;font-size:.9375rem;line-height:1.6;margin:0 0 16px}.confirm-details{background:#f9fafb;border-radius:12px;margin-bottom:16px;padding:16px}.detail-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:.875rem}.detail-value{color:#1f2937;font-size:.875rem;font-weight:600}.confirm-info{border-radius:12px;display:flex;font-size:.875rem;gap:12px;line-height:1.5;padding:14px 16px}.confirm-info svg{flex-shrink:0;margin-top:1px}.confirm-info.info-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.confirm-info.info-warning svg{color:#f59e0b}.confirm-info.info-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.confirm-info.info-danger svg{color:#ef4444}.action-confirm-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:20px 24px}.action-confirm-footer .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:500;padding:14px 20px;transition:all .2s}.action-confirm-footer .btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.action-confirm-footer .btn-cancel:disabled{cursor:not-allowed;opacity:.6}.action-confirm-footer .btn-confirm{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1.2 1;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.action-confirm-footer .btn-confirm:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.action-confirm-footer .btn-confirm:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-confirm.btn-primary{background:linear-gradient(135deg,#667eea,#5b4def)}.btn-confirm.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-confirm.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.btn-confirm.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98166}.btn-confirm.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-confirm.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.btn-confirm.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-confirm.btn-warning:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.action-confirm-footer .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.action-confirm-overlay{align-items:flex-end;padding:16px}.action-confirm-modal{animation:modalSlideUpMobile .3s ease;border-radius:20px 20px 0 0;max-width:100%}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.action-confirm-header{padding:18px 20px}.action-confirm-header h3{font-size:1.125rem}.action-confirm-body{padding:20px}.action-confirm-footer{flex-direction:column;padding:16px 20px 24px}.action-confirm-footer .btn-confirm{flex:none;order:-1}.action-confirm-footer .btn-cancel{flex:none}}.dashboard-layout{background:#f2f2f7;display:flex;min-height:100vh;overflow-x:clip}.sidebar{background:#fafafa;border-right:1px solid #e5e7eb;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);z-index:50}.sidebar.expanded{width:260px}.sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;min-height:56px;padding:16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{cursor:pointer;overflow:hidden}.sidebar-logo-img{height:28px;object-fit:contain;width:auto}.sidebar-logo-collapsed{align-items:center;cursor:pointer;display:flex;justify-content:center}.sidebar-logo-icon{border-radius:6px;height:28px;object-fit:contain;width:28px}.sidebar-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .15s,color .15s;width:32px}.sidebar-toggle-btn:hover{background:#f3f4f6;color:#1f2937}.collapsed .sidebar-header{align-items:center;flex-direction:column;gap:0;padding:12px 0 8px}.sidebar-mode-switcher{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;margin:12px 16px;padding:4px}.sidebar-mode-switcher .mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background-color .2s,color .2s,box-shadow .2s}.sidebar-mode-switcher .mode-btn.active.client{background:#fff;box-shadow:0 1px 3px #00000014;color:#2563eb}.sidebar-mode-switcher .mode-btn.active.hero{background:#fff;box-shadow:0 1px 3px #00000014;color:#16a34a}.sidebar-mode-switcher .mode-btn:not(.active):hover{background:#e5e7eb}.sidebar-collapsed-mode{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;margin:12px auto;transition:background-color .2s,transform .2s;width:40px}.sidebar-collapsed-mode.client{background:#eff6ff;color:#2563eb}.sidebar-collapsed-mode.hero{background:#f0fdf4;color:#16a34a}.sidebar-collapsed-mode:hover{transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sidebar-nav-group{margin-bottom:4px}.nav-group-label{color:#9ca3af;display:block;font-size:11px;font-weight:600;letter-spacing:.6px;padding:8px 20px 4px;text-transform:uppercase;white-space:nowrap}.nav-group-divider{background:#f0f0f0;height:1px;margin:6px 16px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;gap:12px;margin:1px 8px;padding:9px 12px;text-align:left;transition:background-color .15s,color .15s;white-space:nowrap;width:calc(100% - 16px)}.collapsed .sidebar-nav-item{justify-content:center;padding:10px 0;width:calc(100% - 16px)}.sidebar-nav-item:hover{background:#f3f4f6;color:#1f2937!important}.sidebar-nav-item.active.client-mode{background:#eff6ff;color:#2563eb;font-weight:500}.sidebar-nav-item.active.hero-mode{background:#f0fdf4;color:#16a34a;font-weight:500}.sidebar-nav-item.active.client-mode .nav-item-icon{color:#2563eb}.sidebar-nav-item.active.hero-mode .nav-item-icon{color:#16a34a}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.nav-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.nav-item-badge{display:flex;line-height:1;position:absolute;right:-8px;top:-6px}.nav-item-badge,.tooltip-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px}.tooltip-badge{display:inline-flex;margin-left:6px}.sidebar-tip-wrap{position:relative}.sidebar-tip{background:#111827;border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;display:none;font-size:13px;font-weight:500;left:72px;padding:6px 12px;pointer-events:none;position:fixed;white-space:nowrap;z-index:99999}.sidebar-tip-wrap:hover>.sidebar-tip{display:block}.sidebar-footer{border-top:1px solid #f0f0f0;padding:8px}.sidebar-user-section{align-items:center;display:flex;gap:8px}.sidebar-user-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:0;padding:8px;text-align:left;transition:background-color .15s}.sidebar-user-btn:hover{background:#f3f4f6}.sidebar-user-avatar{border-radius:10px;flex-shrink:0;height:34px;object-fit:cover;width:34px}.sidebar-user-avatar-sm{border-radius:6px;height:22px;object-fit:cover;width:22px}.sidebar-user-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{color:#1f2937;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#9ca3af;font-size:11px}.sidebar-logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background-color .15s,color .15s;width:34px}.sidebar-logout-btn:hover,.sidebar-nav-item.logout-btn:hover{background:#fef2f2;color:#ef4444}.sidebar-copyright{color:#b0b0b0;font-size:10px;line-height:1.3;overflow:hidden;padding:8px 10px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.logout-dialog{border-radius:16px!important;max-width:400px!important}.dashboard-main{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.dashboard-main.sidebar-expanded{margin-left:260px}.dashboard-main.sidebar-collapsed{margin-left:72px}.dashboard-main.no-sidebar{margin-left:0}.slim-topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fafafad9;border-bottom:1px solid #e5e7eb;display:flex;height:56px;padding:0 20px;position:sticky;top:0;z-index:40}.mobile-menu-trigger{align-items:center;background:#0000;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:8px;transition:background-color .15s;width:40px}.mobile-menu-trigger:hover{background:#f3f4f6}.topbar-logo-mobile{align-items:center;cursor:pointer;display:flex}.topbar-spacer{flex:1 1}.topbar-right{align-items:center;display:flex;gap:12px}.topbar-user-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:5px 12px 5px 5px;transition:background-color .15s,box-shadow .15s}.topbar-user-pill:hover{background:#f9fafb;box-shadow:0 1px 4px #0000000f}.topbar-user-img{object-fit:cover}.topbar-user-img,.topbar-user-initials{border-radius:50%;height:30px;width:30px}.topbar-user-initials{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:center}.topbar-user-name{color:#374151;font-size:13px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-account-menu{position:relative}.topbar-dropdown{animation:dropdownFade .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;transition:background .12s;width:100%}.topbar-dropdown-item:hover{background:#f3f4f6}.topbar-dropdown-logout{color:#ef4444}.topbar-dropdown-logout:hover{background:#fef2f2}.topbar-dropdown-divider{background:#e5e7eb;height:1px;margin:4px 0}.dashboard-content{flex:1 1;padding:10px}.dashboard-footer{align-items:center;background:#fafafa;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:space-between;padding:14px 20px;position:relative;z-index:100}.dashboard-footer-links{display:flex;gap:12px;padding-right:160px}.dashboard-footer-links a{color:#9ca3af;text-decoration:none;transition:color .15s}.dashboard-footer-links a:hover{color:#6366f1}.dashboard-content .messages-page{height:calc(100vh - 56px)!important;margin:0 -10px -10px;max-height:calc(100vh - 56px)!important;padding-top:0!important;width:calc(100% + 20px)}@media (max-width:768px){.dashboard-content .messages-page{height:calc(100vh - 66px)!important;max-height:calc(100vh - 66px)!important;padding-top:0!important}}.dashboard-content .become-hero-page,.dashboard-content .browse-jobs-page,.dashboard-content .calendar-page,.dashboard-content .create-job-container,.dashboard-content .dashboard-container,.dashboard-content .dashboard-page,.dashboard-content .disputes-page,.dashboard-content .earnings-page,.dashboard-content .fee-calc-page,.dashboard-content .find-heroes-page,.dashboard-content .info-page,.dashboard-content .invoices-page,.dashboard-content .jap2,.dashboard-content .job-bids-container,.dashboard-content .job-details-page-compact,.dashboard-content .me-page,.dashboard-content .messages-page,.dashboard-content .money-transfers-page,.dashboard-content .my-active-bids-page,.dashboard-content .profile-container,.dashboard-content .referrals-page,.dashboard-content .reports-page,.dashboard-content .reviews-page,.dashboard-content .tracking-history-page,.dashboard-content .transactions-page,.dashboard-content .unified-dashboard,.dashboard-content .verification-page,.dashboard-content .wallet-page{background:#0000!important;margin-top:0!important;padding:0!important}.dashboard-content .bids-container,.dashboard-content .browse-container,.dashboard-content .calendar-container,.dashboard-content .create-job-wizard,.dashboard-content .dashboard-container,.dashboard-content .disputes-container,.dashboard-content .earnings-container,.dashboard-content .invoices-container,.dashboard-content .jap2-container,.dashboard-content .job-details-page-compact,.dashboard-content .me-container,.dashboard-content .money-transfers-container,.dashboard-content .profile-content,.dashboard-content .referrals-container,.dashboard-content .reports-container,.dashboard-content .reviews-container,.dashboard-content .rf-page,.dashboard-content .tracking-history-container,.dashboard-content .transactions-container,.dashboard-content .wallet-container{margin-left:0!important;margin-right:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.dashboard-content .browse-jobs-page h1,.dashboard-content .calendar-header h1,.dashboard-content .calendar-title-section h1,.dashboard-content .disputes-header h1,.dashboard-content .earnings-header h1,.dashboard-content .earnings-title,.dashboard-content .header-content h1,.dashboard-content .invoices-header h1,.dashboard-content .jap2-hero h1,.dashboard-content .me-title,.dashboard-content .page-header h1,.dashboard-content .page-header-modern h1,.dashboard-content .profile-page h1,.dashboard-content .reports-header h1,.dashboard-content .reviews-header h1,.dashboard-content .rf-hero-title,.dashboard-content .sidebar-header h2,.dashboard-content .sidebar-header h3,.dashboard-content .transactions-header h1,.dashboard-content .verification-header h1,.dashboard-content .wallet-header h1{color:#111827;font-size:22px;font-weight:700;margin:0 0 4px}.dashboard-content .calendar-header p,.dashboard-content .disputes-header p,.dashboard-content .earnings-header p,.dashboard-content .earnings-subtitle,.dashboard-content .header-content p,.dashboard-content .invoices-header p,.dashboard-content .page-header p,.dashboard-content .page-header-modern p,.dashboard-content .reports-header p,.dashboard-content .rf-hero-subtitle,.dashboard-content .transactions-header .subtitle,.dashboard-content .verification-header .subtitle,.dashboard-content .wallet-header p{color:#6b7280;font-size:14px;margin:0}.dashboard-content .section-heading,.dashboard-content .section-title,.dashboard-content h2{color:#1f2937;font-size:18px;font-weight:600}.dashboard-content h3{color:#1f2937;font-size:16px;font-weight:600}.dashboard-content .caption,.dashboard-content .meta,.dashboard-content .text-sm,.dashboard-content li,.dashboard-content p,.dashboard-content small,.dashboard-content span,.dashboard-content td{font-size:13px}.dashboard-content .badge,.dashboard-content .label,.dashboard-content .tag{font-size:12px}@media (max-width:768px){.dashboard-content .browse-jobs-page h1,.dashboard-content .calendar-header h1,.dashboard-content .calendar-title-section h1,.dashboard-content .disputes-header h1,.dashboard-content .earnings-header h1,.dashboard-content .earnings-title,.dashboard-content .header-content h1,.dashboard-content .invoices-header h1,.dashboard-content .jap2-hero h1,.dashboard-content .me-title,.dashboard-content .page-header h1,.dashboard-content .page-header-modern h1,.dashboard-content .profile-page h1,.dashboard-content .reports-header h1,.dashboard-content .reviews-header h1,.dashboard-content .rf-hero-title,.dashboard-content .sidebar-header h2,.dashboard-content .sidebar-header h3,.dashboard-content .transactions-header h1,.dashboard-content .verification-header h1,.dashboard-content .wallet-header h1{font-size:20px}.dashboard-content .section-heading,.dashboard-content .section-title,.dashboard-content h2{font-size:16px}.dashboard-content h3{font-size:15px}}.sidebar-sheet-content{max-width:280px!important;padding:0!important;width:280px!important}.sidebar-sheet-content .sidebar{border-right:none;height:100%;position:static;width:100%!important}.sidebar-sheet-content .sidebar-header{padding-right:48px}.sidebar-sheet-content .sidebar-toggle-btn{display:none}body.sidebar-is-expanded .help-widget-button{left:274px!important;transition:left .25s cubic-bezier(.4,0,.2,1)!important}body.sidebar-is-collapsed .help-widget-button{left:86px!important;transition:left .25s cubic-bezier(.4,0,.2,1)!important}@media (max-width:768px){.sidebar{display:none}.sidebar-sheet-content .sidebar{display:flex!important}.dashboard-main{margin-left:0!important}.slim-topbar{height:52px;padding:0 12px}.dashboard-content{overflow-x:hidden;padding:10px}.dashboard-footer{font-size:11px;padding:12px 16px}.dashboard-content>*{box-sizing:border-box;max-width:100%;overflow-x:hidden}.topbar-user-pill{padding:4px}}@media (min-width:769px) and (max-width:1024px){.sidebar.expanded{width:220px}.dashboard-main.sidebar-expanded{margin-left:220px}}@media (min-width:768px){.selected-jobs-list{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.selected-jobs-list .action-needed-wrapper{margin-bottom:0!important}}.dashboard-content .job-details-page-compact{background:#0000!important;min-height:auto!important;padding:0!important}.dashboard-content .job-details-page-compact .compact-header{margin-bottom:14px}.dashboard-content .job-details-page-compact .compact-grid{gap:14px}.public-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:12px 24px;position:sticky;top:0;z-index:50}.public-topbar-logo{align-items:center;display:flex;text-decoration:none}.site-footer{background:#1a1a2e;color:#fff;padding:60px 10% 0}.site-footer .footer-content{border-bottom:1px solid #ffffff1a;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding-bottom:48px}.site-footer .footer-content.footer-4col{grid-template-columns:2fr 1fr 1fr 1fr}.site-footer .footer-brand{align-items:center;color:#007aff;display:flex;font-size:10px;font-weight:600;gap:12px;margin-bottom:16px}.site-footer .footer-tagline{color:#fff9;font-size:16px;font-weight:400;line-height:1.6}.site-footer .footer-heading{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#3b82f6,#38bdf8 35%,#fbbf24 70%,#f59e0b)!important;-webkit-background-clip:text!important;background-clip:text!important;display:inline-block;font-size:18px;font-weight:600;margin-bottom:12px}.site-footer .footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.site-footer .social-icon{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.site-footer .social-icon:hover{background:#007aff;transform:translateY(-2px)}.site-footer .social-icon svg{height:20px;width:20px}.site-footer .footer-section h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px}.site-footer .footer-links{list-style:none;margin:0;padding:0}.site-footer .footer-links li{margin-bottom:12px}.site-footer .footer-links a{color:#fff9;font-size:15px;text-decoration:none;transition:color .3s ease}.site-footer .footer-links a:hover{color:#fff}.site-footer .footer-app-links{display:flex;flex-direction:column;gap:12px;margin-top:8px}.site-footer .app-store-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;display:flex;gap:12px;max-width:200px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.site-footer .app-store-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(5px)}.site-footer .app-store-btn svg{flex-shrink:0}.site-footer .app-store-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.site-footer .app-store-label{color:#fff9;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.site-footer .app-store-name{color:#fff;font-size:16px;font-weight:600}.site-footer .footer-bottom{padding:24px 0}.site-footer .footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.site-footer .footer-bottom p{color:#ffffff80;font-size:14px;margin:0}.site-footer .footer-legal{align-items:center;display:flex;gap:16px}.site-footer .footer-legal a{color:#ffffff80;font-size:14px;text-decoration:none;transition:color .3s ease}.site-footer .footer-legal a:hover{color:#fff}.site-footer .footer-legal .separator{color:#ffffff4d}@media (max-width:1024px){.site-footer .footer-content{gap:32px}.site-footer .footer-content,.site-footer .footer-content.footer-4col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.site-footer{padding:40px 5% 0}.site-footer .footer-content,.site-footer .footer-content.footer-4col{gap:32px;grid-template-columns:1fr}.site-footer .footer-bottom-content{flex-direction:column;text-align:center}.site-footer .footer-legal{flex-direction:column;gap:8px}.site-footer .footer-legal .separator{display:none}.site-footer .footer-social{justify-content:flex-start}.site-footer .social-icon{height:36px;width:36px}}
/*# sourceMappingURL=main.672dd341.css.map*/