@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Sora:wght@300;400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;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}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.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-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-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-48{width:12rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.resize{resize:both}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius: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-r{border-right-width:1px}.border-t{border-top-width:1px}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive)/.5)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(#3b82f6);border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(#3b82f6/.5);border-color:hsl(var(--primary)/.5)}.border-transparent{border-color:#0000}.border-l-transparent{border-left-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;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:#d1fae5;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:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(#3b82f6);background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(#3b82f6/.1);background-color:hsl(var(--primary)/.1)}.bg-primary\/20{background-color:hsl(#3b82f6/.2);background-color:hsl(var(--primary)/.2)}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:#ffe4e6;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-slate-100{--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.fill-primary{fill:hsl(#3b82f6);fill:hsl(var(--primary))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;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-700{--tw-text-opacity:1;color:#047857;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground)/.5)}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:#4338ca;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-700{--tw-text-opacity:1;color:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(#3b82f6);color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:#be123c;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-ring{--tw-ring-color:hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-1000{animation-duration:1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}:root{--bg-dark:#020617;--bg-card:#0f172a;--bg-surface:#1e293b;--bg-elevated:#334155;--primary:#3b82f6;--primary-glow:#60a5fa;--accent-cyan:#06b6d4;--accent-lime:#84cc16;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-purple:#a855f7;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--text-label:#cbd5e1;--border-subtle:#94a3b81a;--border-active:#3b82f680;--sidebar-width:260px;--shadow-card:0 1px 3px #0000001f,0 0 0 1px #94a3b80a;--shadow-elevated:0 8px 24px #0000003d,0 0 0 1px #94a3b80f;--shadow-glow-blue:0 0 20px #3b82f626;--transition-fast:0.12s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.25s cubic-bezier(0.4,0,0.2,1);--transition-spring:0.35s cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#020617;background:var(--bg-dark);color:#94a3b8;color:var(--text-muted);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}::selection{background:#3b82f64d}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#1e293b;background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155;background:var(--bg-elevated)}:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-dim)}.app-layout{display:flex;min-height:100vh}.mobile-menu-btn{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:none;padding:.5rem}.mobile-menu-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:99}.app-sidebar{background:#0f172a;background:var(--bg-card);border-right:1px solid #94a3b81a;border-right:1px solid var(--border-subtle);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;width:var(--sidebar-width);z-index:100}.app-sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;padding:1.25rem}.logo-container{gap:.75rem}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary) 0,var(--accent-cyan) 100%);border-radius:10px;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-text{display:flex;flex-direction:column;overflow:hidden}.logo-text .logo-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:700;white-space:nowrap}.logo-text .logo-subtitle{color:#64748b;color:var(--text-dim);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.sidebar-toggle{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.sidebar-toggle:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main);transform:scale(1.05)}.sidebar-nav{flex:1 1;mask-image:linear-gradient(180deg,#0000 0,#000 8px,#000 calc(100% - 8px),#0000);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 8px,#000 calc(100% - 8px),#0000);overflow-y:auto;padding:1rem .75rem}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.nav-section{margin-bottom:.5rem}.nav-section:not(:first-child){border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);margin-top:.25rem;padding-top:.5rem}.nav-section-label{color:#64748b;color:var(--text-dim);font-size:.6rem;font-weight:700;letter-spacing:.08em;margin-bottom:.375rem;min-height:1rem;opacity:.7;padding:0 .75rem;text-transform:uppercase}.nav-link{align-items:center;border-radius:8px;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.625rem .75rem;position:relative;text-decoration:none;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-link:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-main);transform:translateX(2px)}.nav-link.active{background:#3b82f626;box-shadow:inset 3px 0 0 #3b82f6;box-shadow:inset 3px 0 0 var(--primary);color:#60a5fa;color:var(--primary-glow)}.nav-link svg{flex-shrink:0;opacity:.7}.nav-link.active svg{opacity:1}.nav-label{flex:1 1;overflow:hidden;white-space:nowrap}.nav-badge{background:#84cc1633;border-radius:100px;color:#84cc16;color:var(--accent-lime);font-size:.6rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.nav-badge.demo{background:#a855f733;color:#a855f7;color:var(--accent-purple)}.tenant-portal-link{background:#f59e0b14;border:1px solid #f59e0b33}.tenant-portal-link:hover{background:#f59e0b26;border-color:#f59e0b66}.customer-portal-link{background:#a855f714;border:1px solid #a855f733}.customer-portal-link:hover{background:#a855f726;border-color:#a855f766}.nav-arrow{opacity:.4}.sidebar-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:.5rem .75rem}.footer-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.user-info{gap:.5rem;min-width:0}.user-avatar{border-radius:6px;flex-shrink:0;font-size:.65rem;height:28px;width:28px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.75rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.6rem;line-height:1.2}.logout-btn-icon,.user-role{color:#64748b;color:var(--text-dim)}.logout-btn-icon{align-items:center;background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:30px}.logout-btn-icon:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e;color:var(--accent-rose)}.plan-badge-inline{align-items:center;display:flex;justify-content:center;margin-bottom:.35rem}.plan-badge-inline .plan-label{background:#a855f71a;border:1px solid #a855f733;border-radius:4px;color:#a855f7;color:var(--accent-purple);font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.powered-by-inline{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.72rem;font-weight:700;gap:.3rem;justify-content:center;letter-spacing:.05em;margin-top:.4rem;opacity:1}.powered-by-inline svg{color:#f59e0b;color:var(--accent-amber)}.app-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease}.app-sidebar.collapsed+.app-main{margin-left:72px}.app-header{align-items:center;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);background:#020617bf;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.page-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.header-right{gap:1rem}.header-right,.sync-status{align-items:center;display:flex}.sync-status{background:#84cc161a;border:1px solid #84cc1633;border-radius:100px;gap:.5rem;padding:.5rem 1rem}.sync-indicator{background:#64748b;background:var(--text-dim);border-radius:50%;height:8px;width:8px}.sync-indicator.active{animation:pulse 2s infinite;background:#84cc16;background:var(--accent-lime);box-shadow:0 0 8px #84cc1680}.sync-text{color:#84cc16;color:var(--accent-lime);font-size:.75rem;font-weight:600}.notification-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.notification-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main);transform:scale(1.05)}.notification-badge{align-items:center;animation:badgePulse 2s ease infinite;background:#f43f5e;background:var(--accent-rose);border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #f43f5e66}50%{box-shadow:0 0 0 4px #f43f5e00}}.notification-wrapper{position:relative}.notification-dropdown{animation:notifSlideIn .15s ease;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 16px 48px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 1rem}.notif-dropdown-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.88rem;font-weight:700}.notif-close{background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.2rem}.notif-close:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.notif-dropdown-list{max-height:340px;overflow-y:auto}.notif-dropdown-item{align-items:flex-start;border-bottom:1px solid #ffffff05;cursor:pointer;display:flex;gap:.65rem;padding:.75rem 1rem;position:relative;transition:background .1s}.notif-dropdown-item:hover{background:#1e293b;background:var(--bg-surface)}.notif-dropdown-item.unread{background:#3b82f608}.notif-icon{height:32px;width:32px}.notif-content{flex:1 1;min-width:0}.notif-title{color:#f8fafc;color:var(--text-main);display:block;font-size:.8rem;font-weight:600;margin-bottom:.15rem}.notif-message{color:#64748b;color:var(--text-dim);display:block;font-size:.72rem;line-height:1.35}.notif-time{display:block;font-size:.65rem;margin-top:.2rem;opacity:.6}.notif-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:8px;margin-top:.35rem;width:8px}.notif-view-all{background:#1e293b;background:var(--bg-surface);border:none;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);color:#3b82f6;cursor:pointer;display:block;font-size:.78rem;font-weight:600;padding:.7rem;text-align:center;transition:background .15s;width:100%}.notif-view-all:hover{background:#3b82f614}@media (max-width:480px){.notification-dropdown{right:-.5rem;width:calc(100vw - 2rem)}}.app-content{animation:pageEnter .3s cubic-bezier(.4,0,.2,1) .25s both;animation:pageEnter .3s var(--transition-smooth) both;flex:1 1;padding:2rem}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:#3b82f6;background:var(--primary);box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 2px #3b82f633;transform:translateY(0) scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-secondary:hover{background:#334155;background:var(--bg-elevated);border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-ghost{background:#0000;color:#64748b;color:var(--text-dim);padding:.5rem;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-ghost:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.dual-amount{display:inline-flex;flex-direction:column;line-height:1}.dual-amount .amount-primary{color:#f8fafc;color:var(--text-main);font-weight:700}.dual-amount .amount-secondary{color:#64748b;color:var(--text-dim);font-size:.68em;margin-top:2px;opacity:.7}.dual-amount.inline{display:inline-flex}.usd-equiv{color:#64748b;color:var(--text-dim);display:block;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:.68rem;font-weight:400;margin-top:1px;opacity:.6}.platform-tracker{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.tracker-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;gap:.75rem;padding:.875rem 1rem}.tracker-card,.tracker-icon{align-items:center;display:flex}.tracker-icon{border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.tracker-content{flex:1 1;min-width:0}.tracker-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700}.tracker-label,.tracker-label-secondary{color:#64748b;color:var(--text-dim);display:block;font-size:.68rem;margin-top:1px}.tracker-label-secondary{opacity:.7}.tracker-change{border-radius:4px;font-size:.68rem;font-weight:600;padding:2px 6px;white-space:nowrap}.tracker-change.up{background:#84cc161a;color:#84cc16}@media (max-width:768px){.platform-tracker{gap:.5rem;grid-template-columns:1fr}}.empty-state{animation:fadeInSoft .4s ease;padding:3rem 1.5rem}@keyframes fadeInSoft{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.empty-state svg{margin-bottom:.75rem;opacity:.4}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{grid-gap:1rem;gap:1rem}.stat-card{align-items:flex-start;background:#0f172a;border:1px solid #94a3b81a;cursor:pointer;gap:.875rem;padding:1rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.stat-card:hover{border-color:#3b82f680;border-color:var(--border-active);box-shadow:0 0 20px #3b82f626;box-shadow:var(--shadow-glow-blue);transform:translateY(-3px)}.stat-icon{height:42px;width:42px}.stat-card.blue .stat-icon{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.stat-card.amber .stat-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.stat-card.lime .stat-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.stat-card.cyan .stat-icon{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.stat-label{color:#64748b;font-size:.75rem;margin-bottom:.125rem}.stat-value{color:#f8fafc;font-size:1.5rem}.stat-change{display:inline-flex;margin-top:.25rem}.stat-usd-equiv{color:#64748b;color:var(--text-dim);display:block;font-size:.68rem;margin-top:-1px;opacity:.7}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.chart-card{transition:border-color .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-smooth)}.chart-card:hover{border-color:#94a3b82e}.chart-card.large{grid-column:span 1}.chart-header{margin-bottom:1rem}.chart-subtitle{color:#64748b;color:var(--text-dim);font-size:.75rem}.chart-legend{gap:1rem}.legend-item{color:#94a3b8;color:var(--text-muted);font-size:.75rem;gap:.5rem}.legend-item .dot{border-radius:50%;height:8px;width:8px}.legend-item.revenue .dot{background:#3b82f6;background:var(--primary)}.legend-item.cost .dot{background:#f43f5e;background:var(--accent-rose)}.chart-body{height:280px}.bottom-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.activity-card,.quick-actions-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.refresh-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.refresh-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:.75rem}.activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon.success{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.activity-icon.warning{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.activity-content{flex:1 1;min-width:0}.activity-message{color:#f8fafc;color:var(--text-main);font-size:.8125rem;margin-bottom:.25rem}.activity-time{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.7rem;gap:.25rem}.quick-actions-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr 1fr}.quick-action-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-smooth)}.quick-action-btn:hover{background:#334155;background:var(--bg-elevated);border-color:#3b82f680;border-color:var(--border-active);box-shadow:0 8px 16px #0003;color:#f8fafc;color:var(--text-main);transform:translateY(-3px)}.quick-action-btn:active{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.quick-action-btn span{font-size:.75rem;font-weight:600}.quick-action-btn.highlight{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa;color:var(--primary-glow)}.quick-action-btn.highlight:hover{background:#3b82f633;border-color:#3b82f6;border-color:var(--primary)}.dashboard-page.enhanced{gap:1.25rem}.alerts-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.alert-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.alert-card:hover{box-shadow:0 4px 16px #00000026}.alert-card.flagged{border-left:3px solid #f43f5e;border-left:3px solid var(--accent-rose)}.alert-card.approvals{border-left:3px solid #f59e0b;border-left:3px solid var(--accent-amber)}.alert-header{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:.875rem 1rem}.alert-header,.alert-title{align-items:center;display:flex}.alert-title{gap:.5rem}.alert-title svg{color:#f43f5e;color:var(--accent-rose)}.alert-card.approvals .alert-title svg{color:#f59e0b;color:var(--accent-amber)}.alert-title h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.875rem;font-weight:600;margin:0}.alert-count{align-items:center;background:#f43f5e;background:var(--accent-rose);border-radius:10px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 .375rem}.alert-count.pending{background:#f59e0b;background:var(--accent-amber)}.alert-subtitle{color:#64748b;color:var(--text-dim);font-size:.6875rem}.flagged-list{max-height:200px;overflow-y:auto}.flagged-item{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .15s}.flagged-item:hover{background:#1e293b;background:var(--bg-surface)}.flagged-item:last-child{border-bottom:none}.flagged-info{flex:1 1;min-width:0}.flagged-main{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.flagged-main .courier-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.overdue-badge{background:#ef444426;display:inline-flex;font-size:.625rem;padding:.125rem .375rem}.flagged-details{align-items:center;display:flex;font-size:.75rem;gap:.75rem}.flagged-details .invoice-ref{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace}.flagged-details .amount{color:#f59e0b;color:var(--accent-amber);font-weight:600}.flagged-actions{display:flex;gap:.375rem}.notify-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.notify-btn:hover{border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main)}.notify-btn.whatsapp:hover{background:#25d36626;border-color:#25d366;color:#25d366}.notify-btn.sms:hover{background:#3b82f626;border-color:#3b82f6;border-color:var(--primary);color:#60a5fa;color:var(--primary-glow)}.notify-btn.view:hover{background:#84cc1626;border-color:#84cc16;border-color:var(--accent-lime);color:#84cc16;color:var(--accent-lime)}.notify-btn:disabled{cursor:not-allowed;opacity:.6}.approvals-list{max-height:200px;overflow-y:auto}.approval-item{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .15s}.approval-item:hover{background:#1e293b;background:var(--bg-surface)}.approval-item:last-child{border-bottom:none}.approval-info{flex:1 1;min-width:0}.approval-main{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.approval-main .courier-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.approval-main .payment-amount{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:.875rem;font-weight:700}.approval-details{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.6875rem;gap:.5rem}.approval-details .payment-method{background:#1e293b;background:var(--bg-surface);border-radius:4px;padding:.125rem .375rem}.approval-details .payment-ref{font-family:JetBrains Mono,monospace}.approval-details .collector{color:#94a3b8;color:var(--text-muted)}.approval-actions{display:flex;gap:.375rem}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.approve-btn{background:#84cc1633;color:#84cc16;color:var(--accent-lime)}.approve-btn:hover{background:#84cc16;background:var(--accent-lime);color:#0f172a;color:var(--bg-card)}.reject-btn{background:#ef444426;color:#f43f5e;color:var(--accent-rose)}.reject-btn:hover{background:#f43f5e;background:var(--accent-rose);color:#fff}.view-all-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);color:#60a5fa;color:var(--primary-glow);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem;transition:background .15s;width:100%}.view-all-btn:hover{background:#334155;background:var(--bg-elevated)}.dashboard-page.enhanced .charts-grid{grid-template-columns:1.5fr 1fr}.dashboard-page.enhanced .chart-card.small{padding:1rem}.chart-body.pie-chart{align-items:center;display:flex;flex-direction:column;height:auto}.pie-legend{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.pie-legend-item{align-items:center;display:flex;font-size:.75rem;gap:.375rem}.pie-legend-item .legend-dot{border-radius:50%;height:8px;width:8px}.pie-legend-item .legend-label{color:#64748b;color:var(--text-dim)}.pie-legend-item .legend-value{color:#f8fafc;color:var(--text-main);font-weight:600}.dashboard-page.enhanced .bottom-grid{grid-template-columns:1fr 1fr 1fr}.chart-card.courier-volume{padding:1rem}.chart-card.courier-volume .chart-body{height:auto}.approval-modal{max-width:500px;width:95%}.approval-modal .modal-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.approval-modal .modal-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin:0}.approval-modal .modal-body{padding:1.25rem}.approval-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.detail-item .detail-label{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item .detail-value{font-size:.875rem}.detail-item .detail-value.highlight{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.notification-options{background:#1e293b;background:var(--bg-surface);border-radius:8px;padding:1rem}.notification-options h4{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600;margin:0 0 .75rem}.notification-toggles{display:flex;gap:1rem}.toggle-option{align-items:center;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem}.toggle-option input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary);height:16px;width:16px}.toggle-option svg{color:#64748b;color:var(--text-dim)}.approval-modal .modal-footer{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem}.btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#f43f5e;color:var(--accent-rose)}.btn-danger:hover{background:#f43f5e;background:var(--accent-rose);color:#fff}@media (max-width:1024px){.alerts-row,.dashboard-page.enhanced .bottom-grid,.dashboard-page.enhanced .charts-grid{grid-template-columns:1fr}}.data-table-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.data-table-card:hover{border-color:#94a3b82e;box-shadow:0 4px 24px #0000001f}.table-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.875rem 1rem}.table-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.data-table th{background:#1e293b;background:var(--bg-surface);border-bottom:2px solid #3b82f61f;color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:.625rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.data-table td{border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);font-size:.8125rem;padding:.5rem .75rem;transition:background .2s ease,color .2s ease,transform .15s ease;vertical-align:middle}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover td{background:#3b82f60d;color:#f8fafc;color:var(--text-main)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n) td{background:hsla(0,0%,100%,.008)}.data-table tbody tr:nth-child(2n):hover td{background:#3b82f60a}.data-table td:first-child{white-space:nowrap}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-color:#64748b4d #0000;scrollbar-width:thin}.table-scroll-wrapper::-webkit-scrollbar{height:6px}.table-scroll-wrapper::-webkit-scrollbar-track{background:#0000}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b80}.invoice-id,.manifest-id{font-family:JetBrains Mono,monospace;font-size:.75rem;white-space:nowrap}.table-pagination{align-items:center;background:#0f172a;background:var(--bg-card);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.625rem 1rem}.pagination-info{color:#64748b;color:var(--text-dim);font-size:.75rem}.pagination-controls{align-items:center;display:flex;gap:.375rem}.pagination-btn{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.375rem .625rem;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main);transform:translateY(-1px)}.pagination-btn.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.page-toolbar{gap:1rem;justify-content:space-between;margin-bottom:1rem}.page-toolbar,.search-box{align-items:center;display:flex}.search-box{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;gap:.75rem;min-width:300px;padding:.625rem 1rem;transition:border-color .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box:focus-within{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#64748b;color:var(--text-dim);flex-shrink:0}.search-box input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none}.search-box input::placeholder{color:#64748b;color:var(--text-dim)}.toolbar-right{align-items:center;display:flex;gap:.75rem}.filter-btn,.filter-group{align-items:center;display:flex;gap:.5rem}.filter-btn{font-size:.875rem;padding:.625rem 1rem;transition:all .12s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-btn:hover{border-color:#3b82f680;border-color:var(--border-active)}.status-filter{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 1rem;transition:border-color .12s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast)}.status-filter:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.status-filter option{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.status-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #0000;transition:all .2s ease}.status-badge:hover{filter:brightness(1.15);transform:translateY(-1px)}.status-badge.active,.status-badge.delivered,.status-badge.paid,.status-badge.processed,.status-badge.split{background:#84cc161f;border-color:#84cc1633;color:#84cc16;color:var(--accent-lime)}.status-badge.pending,.status-badge.sent{background:#3b82f61f;border-color:#3b82f633;color:#60a5fa;color:var(--primary-glow)}.status-badge.error,.status-badge.failed,.status-badge.overdue{background:#f43f5e1f;border-color:#f43f5e33;color:#f43f5e;color:var(--accent-rose)}.status-badge.draft,.status-badge.inactive{background:#94a3b81a;border-color:#94a3b826;color:#64748b;color:var(--text-dim)}.sync-banner{background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f633;border-radius:12px;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}.sync-banner,.sync-info{align-items:center;display:flex}.sync-info{gap:1rem}.sync-status-icon{align-items:center;background:#84cc1626;border-radius:10px;color:#84cc16;color:var(--accent-lime);display:flex;height:40px;justify-content:center;width:40px}.sync-status-icon.active svg{animation:spin 2s linear infinite}.sync-details{display:flex;flex-direction:column}.sync-title{color:#f8fafc;color:var(--text-main);font-weight:600}.sync-subtitle{color:#64748b;color:var(--text-dim);font-size:.8125rem}.sync-actions{display:flex;gap:.75rem}.sync-history-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.history-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.history-items{display:flex;gap:.5rem}.history-item{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:100px;display:flex;font-size:.75rem;gap:.375rem;padding:.375rem .75rem}.history-item.success{color:#84cc16;color:var(--accent-lime)}.history-item.failed{color:#f43f5e;color:var(--accent-rose)}.item-count,.source-badge{font-weight:600}.source-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;gap:.375rem;padding:.25rem .5rem}.source-badge.auto{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.source-badge.manual{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.count-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.count-badge.bags{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.count-badge.singles{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.manifest-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8125rem}.manifest-id.clickable{border-bottom:1px solid #0000;color:#3b82f6;cursor:pointer;text-decoration:none;transition:all .15s}.manifest-id.clickable:hover{border-bottom-color:#60a5fa;color:#60a5fa}.invoiced-badge{align-items:center;display:inline-flex;font-size:.75rem;gap:.25rem}.invoiced-badge.yes{color:#84cc16;color:var(--accent-lime)}.invoiced-badge.no{color:#64748b;color:var(--text-dim)}.action-buttons{display:flex;gap:.375rem}.action-btn{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:#3b82f614;border-color:#3b82f633;color:#60a5fa;color:var(--primary-glow);transform:translateY(-1px)}.action-btn.primary:hover{background:#3b82f61f;color:#60a5fa;color:var(--primary-glow)}.action-btn.danger:hover{background:#f43f5e1a;border-color:#f43f5e33}.modal-overlay{align-items:center;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1) .35s;animation:modalSlideUp .3s var(--transition-spring);background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 24px #0000003d,0 0 0 1px #94a3b80f;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-content.courier-detail-modal,.modal-content.invoice-detail-modal,.modal-content.kpl-modal,.modal-content.profit-modal{max-width:700px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.modal-subtitle{color:#64748b;font-size:.8125rem;margin-top:.25rem}.close-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.upload-zone{text-align:center}.upload-zone p{color:#94a3b8;color:var(--text-muted)}.upload-link{color:#3b82f6;color:var(--primary);cursor:pointer}.upload-options{display:flex;gap:1rem;margin-top:1.5rem}.upload-option{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;padding:1rem}.upload-option input{accent-color:#3b82f6;accent-color:var(--primary)}.form-group{margin-bottom:1rem}.form-group label{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#1e293b;border:1px solid #94a3b81a;color:#f8fafc;font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:100px}.form-group.small{max-width:100px}.form-hint{color:#64748b;font-size:.8125rem;margin-top:.5rem}.invoice-summary-grid{grid-template-columns:repeat(3,1fr)}.summary-card{border-radius:12px;gap:1rem}.summary-card .summary-icon{border-radius:12px;height:48px;width:48px}.summary-card.overdue .summary-icon{background:#f43f5e26}.summary-content{display:flex;flex-direction:column}.summary-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.summary-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.summary-count{font-size:.75rem}.summary-count,.summary-usd{color:#64748b;color:var(--text-dim)}.summary-usd{font-size:.72rem;margin-top:-2px;opacity:.7}.courier-prefix{border-radius:6px;color:#fff;display:flex;height:28px;width:28px}.courier-prefix.fs{background:#3b82f6}.courier-prefix.sc{background:#06b6d4}.courier-prefix.ie{background:#84cc16}.courier-prefix.kp{background:#f59e0b}.courier-name{font-size:.875rem}.manifest-link{font-size:.8125rem}.items-cell{display:flex;gap:.5rem}.item-count{color:#64748b;color:var(--text-dim);font-size:.75rem}.amount{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-weight:600}.overdue-date{color:#f43f5e;color:var(--accent-rose)}.invoice-detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.detail-section h4{font-size:.75rem;letter-spacing:.05em;margin-bottom:.75rem}.courier-name-large{color:#f8fafc;color:var(--text-main);font-size:1.25rem;font-weight:600}.courier-detail{color:#64748b;color:var(--text-dim);font-size:.875rem}.invoice-items-section{margin-bottom:1.5rem}.invoice-items-section h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:1rem}.invoice-items-table{border-collapse:collapse;width:100%}.invoice-items-table td,.invoice-items-table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);padding:.75rem;text-align:left}.invoice-items-table th{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase}.invoice-items-table td{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.invoice-items-table tfoot td{border-bottom:none;border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);color:#f8fafc;color:var(--text-main);font-weight:700}.adjustment-section h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.adjustment-form{display:flex;gap:.75rem}.adjustment-form input{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none;padding:.625rem .875rem}.kpl-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.kpl-stat{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:1rem 1.5rem}.kpl-stat.pending svg{color:#f59e0b;color:var(--accent-amber)}.kpl-stat.split svg{color:#84cc16;color:var(--accent-lime)}.kpl-stat.total svg{color:#60a5fa;color:var(--primary-glow)}.kpl-stat .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.kpl-stat .stat-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.info-banner{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.info-banner,.info-icon{border-radius:10px;display:flex}.info-icon{align-items:center;background:#3b82f633;color:#60a5fa;color:var(--primary-glow);flex-shrink:0;height:40px;justify-content:center;width:40px}.info-content h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.info-content p{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.kpl-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.kpl-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s}.kpl-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.kpl-card.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--accent-amber)}.kpl-card.split{border-left:3px solid #84cc16;border-left:3px solid var(--accent-lime)}.kpl-card-header{align-items:center;background:#1e293b;background:var(--bg-surface);display:flex;justify-content:space-between;padding:1rem 1.25rem}.kpl-id-section{align-items:center;display:flex;gap:.75rem}.kpl-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:600}.kpl-status{align-items:center;border-radius:100px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.kpl-status.pending{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.kpl-status.split{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.kpl-date{color:#64748b;color:var(--text-dim);font-size:.75rem}.kpl-card-body{padding:1.25rem}.kpl-info-row{display:flex;justify-content:space-between;padding:.375rem 0}.kpl-info-row .info-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.kpl-info-row .info-value{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.courier-breakdown{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.breakdown-label{align-items:center;color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;gap:.5rem}.breakdown-label,.courier-bars{display:flex;margin-bottom:.75rem}.courier-bars{border-radius:4px;height:8px;overflow:hidden}.courier-bar{align-items:center;color:#fff;display:flex;font-size:.55rem;font-weight:700;justify-content:center;min-width:24px}.courier-details{display:flex;flex-direction:column;gap:.375rem}.courier-detail-item{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.courier-dot{border-radius:50%;height:8px;width:8px}.courier-detail-item .courier-name{color:#94a3b8;color:var(--text-muted);flex:1 1;font-size:.75rem}.courier-count{color:#f8fafc;color:var(--text-main);font-weight:600}.courier-weight{color:#64748b;color:var(--text-dim);font-size:.7rem}.kpl-card-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:1rem 1.25rem}.kpl-card-footer .btn{flex:1 1}.split-preview{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:12px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.split-source,.split-targets{flex:1 1}.split-source h4,.split-targets h4{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.split-box{align-items:center;border-radius:12px;display:flex;flex-direction:column;padding:1.25rem;text-align:center}.split-box.source{background:#f59e0b1a;border:1px solid #f59e0b4d}.split-box.source svg{color:#f59e0b;color:var(--accent-amber);margin-bottom:.5rem}.box-label{color:#f8fafc;color:var(--text-main);font-weight:600;margin-bottom:.25rem}.box-weight{color:#64748b;color:var(--text-dim);font-size:.8125rem}.split-arrow{align-items:center;color:#60a5fa;color:var(--primary-glow);display:flex;flex-direction:column;gap:.25rem}.split-arrow span{font-size:.75rem;font-weight:600}.target-boxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.split-box.target{background:#0f172a;background:var(--bg-card);border:2px solid;padding:1rem}.courier-badge{color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-bottom:.5rem}.courier-badge.small{font-size:.65rem;padding:.125rem .375rem}.split-box.target .box-label{font-size:.8125rem}.split-box.target .box-items{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.items-table-section h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:1rem}.items-table{border-collapse:collapse;width:100%}.items-table td,.items-table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;padding:.625rem .75rem;text-align:left}.items-table th{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase}.items-table td{color:#94a3b8;color:var(--text-muted)}.table-note{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.75rem;text-align:center}.profit-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.profit-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);gap:1rem;padding:1.25rem}.profit-card,.profit-card .profit-icon{align-items:center;border-radius:12px;display:flex}.profit-card .profit-icon{height:48px;justify-content:center;width:48px}.profit-card.revenue .profit-icon{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.profit-card.cost .profit-icon{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.profit-card.profit .profit-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.profit-card.deficit .profit-icon{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.profit-card.success-rate .profit-icon{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.profit-content{display:flex;flex-direction:column}.profit-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.profit-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.profit-margin,.profit-period{color:#64748b;color:var(--text-dim);font-size:.75rem}.profit-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:1.5rem}.range-btn{background:#1e293b;background:var(--bg-surface);border-radius:6px;color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;padding:.375rem .75rem}.range-btn.active{background:#3b82f6;background:var(--primary);color:#fff}.profit-amount{font-family:JetBrains Mono,monospace;font-weight:600}.profit-amount.profit{color:#84cc16;color:var(--accent-lime)}.profit-amount.deficit{color:#f43f5e;color:var(--accent-rose)}.margin-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.margin-badge.profit{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.margin-badge.deficit{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.items-summary{color:#64748b;color:var(--text-dim);font-size:.8125rem}.cost-cell,.revenue-cell{font-family:JetBrains Mono,monospace}.report-summary{grid-gap:1rem;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.summary-row{flex-direction:column}.summary-row .label{color:#64748b;color:var(--text-dim);font-size:.7rem;margin-bottom:.25rem;text-transform:uppercase}.summary-row .value{font-weight:600}.cost-revenue-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.comparison-section h4{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.comparison-section.costs h4{color:#f43f5e;color:var(--accent-rose)}.comparison-section.revenue h4{color:#84cc16;color:var(--accent-lime)}.line-items{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1rem}.line-item{display:flex;font-size:.8125rem;justify-content:space-between;padding:.5rem 0}.line-item:last-child{border-bottom:none}.line-item.total{border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);color:#f8fafc;color:var(--text-main);font-weight:700;margin-top:.5rem;padding-top:.75rem}.profit-result{border-radius:12px;padding:1.5rem}.profit-result.profit{background:#84cc161a;border:1px solid #84cc164d}.profit-result.deficit{background:#f43f5e1a;border:1px solid #f43f5e4d}.result-header{align-items:center;gap:.5rem;justify-content:center;margin-bottom:.5rem}.profit-result.profit .result-header{color:#84cc16;color:var(--accent-lime)}.profit-result.deficit .result-header{color:#f43f5e;color:var(--accent-rose)}.result-header h3{font-size:.875rem;font-weight:600;letter-spacing:.05em}.result-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:2rem;font-weight:700}.result-margin{color:#64748b;color:var(--text-dim);font-size:.875rem}.courier-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.courier-summary-grid .summary-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.courier-summary-grid .summary-card svg{color:#60a5fa;color:var(--primary-glow)}.couriers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.courier-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .3s}.courier-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.courier-card.inactive{opacity:.6}.courier-header{background:#1e293b;background:var(--bg-surface);display:flex;justify-content:space-between}.courier-prefix-badge{border-radius:10px;color:#fff;display:flex;font-size:1rem;height:40px;width:40px}.courier-prefix-badge.large{font-size:1.125rem;height:48px;width:48px}.status-indicator{align-items:center;border-radius:100px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize}.status-indicator.active{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.status-indicator.inactive{background:#94a3b826;color:#64748b;color:var(--text-dim)}.courier-body{padding:1.25rem}.courier-body .courier-name{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.courier-contact{color:#64748b;color:var(--text-dim);display:flex;flex-direction:column;font-size:.8125rem;gap:.25rem;margin-bottom:1rem}.courier-stats{grid-gap:.5rem;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:1rem}.courier-stats .stat-item{text-align:center}.courier-stats .stat-label{color:#64748b;color:var(--text-dim);font-size:.65rem;text-transform:uppercase}.courier-stats .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.balance-warning{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:6px;color:#f43f5e;color:var(--accent-rose);font-size:.75rem;font-weight:600;margin-top:.75rem;padding:.5rem .75rem}.courier-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:1rem 1.25rem}.courier-footer .btn:first-child{flex:1 1}.header-with-badge{align-items:center;display:flex;gap:1rem}.detail-grid{grid-template-columns:repeat(3,1fr)}.detail-item .label{margin-bottom:.25rem}.detail-section h4{color:#f8fafc;color:var(--text-main);font-size:.8125rem}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.stat-box{background:#1e293b;background:var(--bg-surface);border-radius:10px}.stat-box .stat-number{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.stat-box .stat-label{font-size:.7rem;text-transform:uppercase}.stat-box.balance{background:#f43f5e1a;border:1px solid #f43f5e33}.stat-box.balance .stat-number{color:#f43f5e;color:var(--accent-rose)}.mini-table{border-collapse:collapse;width:100%}.mini-table td,.mini-table th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;padding:.625rem;text-align:left}.mini-table th{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase}.notification-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.notification-summary-grid .summary-card.delivered svg{color:#84cc16;color:var(--accent-lime)}.notification-summary-grid .summary-card.pending svg{color:#60a5fa;color:var(--primary-glow)}.notification-summary-grid .summary-card.failed svg{color:#f43f5e;color:var(--accent-rose)}.channel-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.channel-stat{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid;border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1.25rem}.channel-count{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.channel-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.notifications-list{gap:.75rem}.notification-card{border-radius:12px}.notification-card.failed{border-left:3px solid #f43f5e;border-left:3px solid var(--accent-rose)}.notification-channel{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.notification-recipient,.notification-subject{color:#f8fafc;color:var(--text-main);font-weight:600}.notification-subject{font-size:.9375rem;margin-bottom:.25rem}.notification-message{font-size:.8125rem}.notification-error{align-items:center;color:#f43f5e;color:var(--accent-rose);display:flex;font-size:.75rem;gap:.375rem;margin-bottom:.5rem}.notification-meta{font-size:.75rem}.notification-contact{color:#64748b;color:var(--text-dim)}.notification-type{background:#1e293b;background:var(--bg-surface);border-radius:4px;color:#94a3b8;color:var(--text-muted);padding:.125rem .5rem;text-transform:capitalize}.notification-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.notification-status .status-indicator,.retry-btn{padding:.375rem .75rem}.retry-btn{align-items:center;background:#3b82f626;border:none;border-radius:6px;color:#60a5fa;color:var(--primary-glow);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;transition:all .2s}.retry-btn:hover{background:#3b82f640}.settings-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:240px 1fr}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s}.settings-nav-item:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.settings-nav-item.active{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.settings-nav-item .arrow{margin-left:auto;opacity:0;transition:opacity .15s}.settings-nav-item.active .arrow,.settings-nav-item:hover .arrow{opacity:1}.settings-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:2rem}.section-header{margin-bottom:2rem}.section-header h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;margin-bottom:.5rem}.section-header p{color:#64748b;color:var(--text-dim);font-size:.9375rem}.settings-card{border-radius:12px;margin-bottom:1rem}.settings-card h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:1rem}.input-with-prefix{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.input-with-prefix span{align-items:center;background:#334155;background:var(--bg-elevated);color:#64748b;color:var(--text-dim);display:flex;height:100%;padding:0 .75rem}.input-with-prefix input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none;padding:.75rem}.input-with-action{display:flex;gap:.5rem}.input-with-action input{flex:1 1}.formula-display{background:#0f172a;background:var(--bg-card);border-radius:8px;margin-bottom:1rem;padding:1rem}.formula-display code{color:#06b6d4;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.875rem}.toggle-setting{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:1rem 0}.toggle-setting:last-child{border-bottom:none}.toggle-info h4{margin-bottom:.25rem}.toggle-switch{height:26px;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#334155;background:var(--bg-elevated);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.toggle-switch input:checked+.toggle-slider{background:#3b82f6;background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.connection-status{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.connection-status.connected{background:#84cc161a;border:1px solid #84cc1633;color:#84cc16;color:var(--accent-lime)}.connection-status span:first-of-type{font-weight:600}.last-sync{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-left:auto}.integration-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.integration-card{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.integration-card.connected{border-color:#84cc164d}.integration-logo{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.integration-logo.tasoko{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.integration-logo.sendgrid{background:linear-gradient(135deg,#1a82e2,#00b3e3)}.integration-logo.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.integration-logo.stripe{background:linear-gradient(135deg,#635bff,#a259ff)}.integration-logo.quickbooks{background:linear-gradient(135deg,#2ca01c,#78c142)}.integration-info{flex:1 1}.integration-info h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.integration-info p{color:#64748b;color:var(--text-dim);font-size:.75rem}.integration-status{align-items:center;color:#84cc16;color:var(--accent-lime);display:flex;font-size:.75rem;font-weight:600;gap:.375rem}.settings-actions{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.settings-actions .btn.saved{background:#84cc16;background:var(--accent-lime)}.logo-upload-section{align-items:flex-start;display:flex;gap:2rem}.logo-preview{align-items:center;background:#0f172a;background:var(--bg-card);border:2px dashed #94a3b81a;border:2px dashed var(--border-subtle);border-radius:10px;display:flex;height:80px;justify-content:center;overflow:hidden;width:200px}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.logo-placeholder{align-items:center;color:#64748b;color:var(--text-dim);display:flex;flex-direction:column;gap:.5rem}.logo-placeholder span{font-size:.75rem}.logo-upload-actions{display:flex;flex-direction:column;gap:.5rem}.upload-hint{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.5rem}.color-picker-group{align-items:center;display:flex;gap:.5rem}.color-picker{-webkit-appearance:none;appearance:none;border:none;cursor:pointer;height:40px;padding:0;width:48px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:8px}.color-text{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-main);flex:1 1;font-family:JetBrains Mono,monospace;font-size:.875rem;padding:.625rem .75rem}.color-preview-section h4{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:600;margin-bottom:.75rem;margin-top:1rem}.color-preview-bar{display:flex;gap:.75rem}.preview-block{color:#fff;flex:1 1;font-weight:600;padding:1rem;text-align:center}.domain-status,.preview-block{border-radius:8px;font-size:.8125rem}.domain-status{align-items:center;display:flex;gap:.5rem;margin-top:.75rem;padding:.625rem 1rem}.domain-status.pending{background:#f59e0b1a;color:#f59e0b;color:var(--accent-amber)}.domain-status.verified{background:#84cc161a;color:#84cc16;color:var(--accent-lime)}.favicon-upload{align-items:center;display:flex;gap:1rem}.favicon-preview{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.favicon-preview img{height:32px;width:32px}.favicon-placeholder{color:#64748b;color:var(--text-dim);font-size:1.5rem}.users-table-card{overflow:hidden;padding:0}.users-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.users-header h3{margin-bottom:0}.users-table{width:100%}.users-table-header{background:#334155;background:var(--bg-elevated);color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;padding:.75rem 1.5rem;text-transform:uppercase}.user-row,.users-table-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 100px}.user-row{align-items:center;border-bottom:1px solid #ffffff08;padding:1rem 1.5rem;transition:background .15s}.user-row:last-child{border-bottom:none}.user-row:hover{background:#0f172a;background:var(--bg-card)}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#f59e0b,#f43f5e);background:linear-gradient(135deg,var(--accent-amber),var(--accent-rose));border-radius:8px;color:#fff;font-size:.75rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.user-email{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.role-badge{font-size:.7rem;padding:.25rem .625rem}.role-badge.owner{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.role-badge.admin{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.role-badge.cashier{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.role-badge.viewer{background:#94a3b826;color:#64748b;color:var(--text-dim)}.user-status{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.5rem;text-transform:capitalize}.user-status .status-dot{border-radius:50%;height:8px;width:8px}.user-status .status-dot.active{background:#84cc16;background:var(--accent-lime)}.user-status .status-dot.invited{background:#f59e0b;background:var(--accent-amber)}.user-status .status-dot.suspended{background:#f43f5e;background:var(--accent-rose)}.user-last-login{color:#64748b;color:var(--text-dim);font-size:.8125rem}.user-actions{display:flex;gap:.25rem}.user-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.user-actions .action-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.user-actions .action-btn.delete:hover{background:#f43f5e1a;color:#f43f5e;color:var(--accent-rose)}.roles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.role-card{background:#0f172a;background:var(--bg-card);border-radius:10px;padding:1rem}.role-title{border-bottom:2px solid #94a3b81a;border-bottom:2px solid var(--border-subtle);font-size:.875rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:capitalize}.role-title.owner{border-color:#a855f7;border-color:var(--accent-purple);color:#a855f7;color:var(--accent-purple)}.role-title.admin{border-color:#60a5fa;border-color:var(--primary-glow);color:#60a5fa;color:var(--primary-glow)}.role-title.cashier{border-color:#84cc16;border-color:var(--accent-lime);color:#84cc16;color:var(--accent-lime)}.role-title.viewer{border-color:#64748b;border-color:var(--text-dim);color:#64748b;color:var(--text-dim)}.permissions-list{list-style:none;margin:0;padding:0}.permissions-list li{align-items:flex-start;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.5rem}.permissions-list li svg{color:#84cc16;color:var(--accent-lime);flex-shrink:0;margin-top:2px}.user-modal .modal-body{min-height:300px}.field-hint{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.5rem}.docs-page{background:#020617;background:var(--bg-dark);min-height:100vh}.back-to-app{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;color:#64748b;color:var(--text-dim);display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.back-to-app:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.docs-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.ambient-glow{background:radial-gradient(ellipse 80% 50% at 50% -20%,#3b82f626,#0000);height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:0}.doc-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617cc;border-bottom:1px solid #94a3b81a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.doc-header .header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.doc-header .logo-group{align-items:center;display:flex;gap:1rem}.doc-header .logo-mark{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary) 0,var(--accent-cyan) 100%);border-radius:12px;box-shadow:0 0 30px #3b82f666;color:#fff;display:flex;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:800;height:44px;justify-content:center;width:44px}.doc-header .logo-text{display:flex;flex-direction:column}.doc-header .logo-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.doc-header .logo-subtitle{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.docs-page .sidebar{height:calc(100vh - 130px);overflow-y:auto;padding-right:1rem;position:-webkit-sticky;position:sticky;top:100px}.sidebar-label{color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:700;letter-spacing:.15em;margin-bottom:.75rem;padding:0 .75rem;text-transform:uppercase}.nav-item{align-items:center;border-left:2px solid #0000;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-left:2px;padding:.625rem .75rem;transition:all .15s ease}.nav-item:hover{background:#ffffff08;color:#f8fafc;color:var(--text-main)}.nav-item.active{background:#3b82f61a;border-left-color:#3b82f6;border-left-color:var(--primary);color:#60a5fa;color:var(--primary-glow)}.nav-sub-item{color:#64748b;color:var(--text-dim);font-size:.8125rem;padding-left:2.5rem}.nav-sub-item:hover{color:#94a3b8;color:var(--text-muted)}.nav-sub-item.active{background:#06b6d40d;border-left-color:#06b6d4;border-left-color:var(--accent-cyan);color:#06b6d4;color:var(--accent-cyan)}.docs-page .content-area{min-width:0;padding-bottom:4rem}.content-wrapper{animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.docs-page .section-header{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);margin-bottom:3rem;padding-bottom:2rem}.section-badge{border-radius:100px;color:#60a5fa;color:var(--primary-glow);font-size:.7rem;font-weight:600;letter-spacing:.1em}.section-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.75rem}.section-description{font-size:1.125rem;max-width:600px}.markdown-body,.section-description{color:#94a3b8;color:var(--text-muted)}.markdown-body{font-size:.9375rem;line-height:1.8}.markdown-body h2{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:3rem 0 1.25rem;padding-bottom:.75rem}.markdown-body h3{color:#60a5fa;color:var(--primary-glow);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;margin:2rem 0 1rem}.markdown-body h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem}.markdown-body p{margin-bottom:1rem}.markdown-body strong{color:#f8fafc;color:var(--text-main);font-weight:600}.markdown-body ol,.markdown-body ul{margin:1rem 0;padding-left:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body li::marker{color:#3b82f6;color:var(--primary)}.markdown-body table{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-collapse:collapse;border-radius:12px;font-size:.85rem;margin:1.5rem 0;overflow:hidden;width:100%}.markdown-body thead{background:#1e293b;background:var(--bg-surface)}.markdown-body th{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#f8fafc;color:var(--text-main);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.markdown-body td{border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);padding:.75rem 1rem;vertical-align:top}.markdown-body tbody tr:last-child td{border-bottom:none}.markdown-body tbody tr:hover td{background:#3b82f608}.markdown-body pre{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8125rem;line-height:1.7;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.markdown-body code{font-family:JetBrains Mono,monospace;font-size:.85em}.markdown-body li code,.markdown-body p code,.markdown-body td code{background:#3b82f61a;border-radius:4px;color:#06b6d4;color:var(--accent-cyan);padding:.125rem .375rem}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:2rem 0}.feature-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);cursor:pointer;transition:all .3s ease}.feature-card:hover{border-color:#3b82f680;border-color:var(--border-active);box-shadow:0 20px 40px #0000004d,0 0 40px #3b82f61a}.feature-icon{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-icon.blue{color:#60a5fa;color:var(--primary-glow)}.feature-icon.cyan{color:var(--accent-cyan)}.feature-icon.lime{color:var(--accent-lime)}.feature-icon.amber{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.feature-icon.rose{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.feature-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-desc{color:#64748b;font-size:.8125rem;line-height:1.6}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-panel{animation:slideUp .3s ease;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 25px 80px #00000080;max-width:440px;padding:2rem;width:90%}.modal-panel .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600}.modal-close{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:10px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background:#020617;background:var(--bg-dark);color:#f8fafc;color:var(--text-main)}.download-options{display:flex;flex-direction:column;gap:.75rem}.download-option{align-items:center;background:#020617;background:var(--bg-dark);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.download-option:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.download-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.download-icon.pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.download-icon.html{background:linear-gradient(135deg,#f59e0b,#d97706)}.download-info h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.download-info p{color:#64748b;color:var(--text-dim);font-size:.75rem}.loading-overlay{align-items:center;background:#020617f2;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:2000}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #1e293b;border-top-color:#3b82f6;border:3px solid var(--bg-surface);border-top-color:var(--primary);height:48px;margin-bottom:1rem;width:48px}.loading-text{color:#f8fafc;color:var(--text-main);font-size:.875rem}.toast{align-items:center;animation:slideIn .3s ease;background:#0f172a;background:var(--bg-card);border:1px solid #84cc164d;border-radius:12px;bottom:2rem;box-shadow:0 20px 40px #0006;display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:3000}.toast svg{color:#84cc16;color:var(--accent-lime)}.toast span{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:500}@media (max-width:1280px){.profit-summary-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.charts-grid,.profit-charts-grid{grid-template-columns:1fr}}@media (max-width:1024px){.app-sidebar{transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.docs-main{grid-template-columns:1fr}.docs-page .sidebar{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}.settings-nav-item{flex:1 1;justify-content:center;min-width:120px}.settings-nav-item .arrow{display:none}}@media (max-width:768px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}.app-sidebar{height:100vh;left:0;position:fixed!important;top:0;transform:translateX(-100%)!important;transition:transform .3s ease;width:260px!important}.app-sidebar.mobile-open{transform:translateX(0)!important;z-index:1001}.mobile-backdrop{animation:fadeIn .2s ease;background:#00000080;inset:0;position:fixed;z-index:1000}.app-main{margin-left:0!important}.app-content{padding:1rem}.page-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.toolbar-right{flex-wrap:wrap}.courier-summary-grid,.couriers-grid,.invoice-summary-grid,.kpl-cards-grid,.notification-summary-grid,.profit-summary-grid,.stats-grid{grid-template-columns:1fr}.modal-content{max-height:85vh;width:95%}.section-title{font-size:1.75rem}.dashboard-grid{grid-template-columns:1fr}.manifest-table-card .table-header,.manifest-table-card .table-row{display:block}.manifest-table-card .table-header{display:none}.manifest-table-card .table-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem}}.customer-portal .balance-display{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:10px;margin-bottom:.75rem;padding:.75rem}.customer-portal .balance-label{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem;margin-bottom:.25rem}.customer-portal .balance-amount{color:#f43f5e;color:var(--accent-rose);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.quick-track{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.quick-track svg{color:#64748b;color:var(--text-dim)}.quick-track-input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);font-size:.875rem;outline:none;width:150px}.quick-track-input::placeholder{color:#64748b;color:var(--text-dim)}.customer-login-page{background:#020617;background:var(--bg-dark);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-branding{align-items:center;background:linear-gradient(135deg,#0f172a,#020617);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-dark) 100%);display:flex;justify-content:center;overflow:hidden;padding:3rem;position:relative}.login-branding:before{background:radial-gradient(ellipse at center,#3b82f61a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.branding-content{position:relative;text-align:center;z-index:1}.branding-content .logo-mark{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary) 0,var(--accent-cyan) 100%);border-radius:20px;box-shadow:0 0 40px #3b82f666;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.branding-content h1{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.branding-content .tagline{color:#64748b;color:var(--text-dim);font-size:1.125rem;margin-bottom:3rem}.feature-highlights{display:flex;flex-direction:column;gap:1.5rem;max-width:320px;text-align:left}.highlight-item{align-items:flex-start;display:flex;gap:1rem}.highlight-item svg{color:#60a5fa;color:var(--primary-glow);flex-shrink:0;margin-top:.25rem}.highlight-item h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:.25rem}.highlight-item p{color:#64748b;color:var(--text-dim);font-size:.875rem}.login-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.login-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;max-width:400px;padding:2.5rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#64748b;color:var(--text-dim);font-size:.9375rem}.login-form .form-group{margin-bottom:1.25rem}.login-form label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:border-color .2s}.input-wrapper:focus-within{border-color:#3b82f6;border-color:var(--primary)}.input-wrapper svg{color:#64748b;color:var(--text-dim);flex-shrink:0}.input-wrapper input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.9375rem;outline:none}.input-wrapper input::placeholder,.toggle-password{color:#64748b;color:var(--text-dim)}.toggle-password{background:none;border:none;cursor:pointer;padding:0}.toggle-password:hover{color:#f8fafc;color:var(--text-main)}.form-options{justify-content:space-between;margin-bottom:1.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8125rem;gap:.5rem}.remember-me input{accent-color:#3b82f6;accent-color:var(--primary)}.forgot-password{color:#60a5fa;color:var(--primary-glow);font-size:.8125rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-btn{font-size:1rem;padding:.875rem;width:100%}.login-footer{color:#64748b;color:var(--text-dim);font-size:.875rem;margin-top:1.5rem;text-align:center}.login-footer a{color:#60a5fa;color:var(--primary-glow);text-decoration:none}.login-footer a:hover{text-decoration:underline}.error-message{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:8px;color:#f43f5e;color:var(--accent-rose);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.demo-hint{background:#3b82f61a;border-radius:8px;margin-top:1.5rem;padding:.75rem;text-align:center}.demo-hint p{color:#64748b;color:var(--text-dim);font-size:.75rem}.track-package-link{margin-top:1.5rem;max-width:400px;width:100%}.track-link{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:1rem;text-decoration:none;transition:all .2s}.track-link:hover{background:#334155;background:var(--bg-elevated);border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main)}.customer-dashboard{display:flex;flex-direction:column;gap:1.5rem}.status-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.status-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.status-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.status-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.status-card.blue .status-card-icon{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.status-card.lime .status-card-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.status-card.amber .status-card-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.status-card.rose .status-card-icon{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.status-card-content{display:flex;flex-direction:column}.status-card-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700}.status-card-label{color:#94a3b8;color:var(--text-muted);font-size:.875rem;font-weight:600}.status-card-desc{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.25rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.shipments-section{display:flex;flex-direction:column;gap:1rem}.section-header-row h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.view-all-link{align-items:center;color:#60a5fa;color:var(--primary-glow);display:flex;font-size:.8125rem;gap:.25rem;text-decoration:none}.view-all-link:hover{text-decoration:underline}.quick-track-box{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem}.quick-track-box svg{color:#64748b;color:var(--text-dim)}.quick-track-box input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.9375rem;outline:none}.quick-track-box input::placeholder{color:#64748b;color:var(--text-dim)}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.shipment-cards{display:flex;flex-direction:column;gap:.75rem}.shipment-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;padding:1rem 1.25rem;transition:all .2s}.shipment-card.selected,.shipment-card:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.shipment-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.tracking-info{display:flex;flex-direction:column;gap:.5rem}.tracking-number{font-size:.9375rem;font-weight:600}.status-badge{align-items:center;border-radius:100px;font-size:.7rem;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.status-badge.blue{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.status-badge.lime{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.status-badge.amber{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.status-badge.overdue,.status-badge.rose{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.status-badge.gray{background:#94a3b826}.last-update,.status-badge.gray{color:#64748b;color:var(--text-dim)}.last-update{font-size:.7rem}.shipment-card-body{margin-bottom:.75rem}.shipment-route{gap:.5rem;margin-bottom:.75rem}.route-point,.shipment-route{align-items:center;display:flex}.route-point{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;gap:.25rem}.route-arrow,.route-point svg{color:#64748b;color:var(--text-dim)}.shipment-details{display:flex;gap:1rem}.detail-item{align-items:center;color:#64748b;color:var(--text-dim);font-size:.75rem;gap:.375rem}.detail-item.amount{color:#f59e0b;color:var(--accent-amber);font-weight:600}.shipment-timeline-preview{display:flex;gap:.25rem}.timeline-dot{background:#334155;background:var(--bg-elevated);border-radius:50%;height:8px;width:8px}.timeline-dot.completed{background:#84cc16;background:var(--accent-lime)}.timeline-dot.current{background:#3b82f6;background:var(--primary);box-shadow:0 0 8px #3b82f680}.dashboard-right-panel{display:flex;flex-direction:column;gap:1rem}.balance-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.balance-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600}.pay-now-link{align-items:center;color:#60a5fa;color:var(--primary-glow);display:flex;font-size:.75rem;gap:.25rem;text-decoration:none}.balance-amount{align-items:center;color:#f43f5e;color:var(--accent-rose);font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700}.balance-amount,.balance-breakdown{display:flex;gap:.5rem;margin-bottom:1rem}.balance-breakdown{background:#1e293b;background:var(--bg-surface);border-radius:8px;flex-direction:column;padding:.75rem}.breakdown-item{color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;justify-content:space-between}.full-width{width:100%}.account-stats-card,.notifications-card,.recent-invoices-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem}.card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header-row h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600}.invoices-list{gap:.5rem}.invoice-item{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;justify-content:space-between;padding:.625rem}.invoice-info{display:flex;flex-direction:column}.invoice-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600}.invoice-date{color:#64748b;color:var(--text-dim);font-size:.7rem}.invoice-right{align-items:center;display:flex;gap:.5rem}.invoice-amount{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.status-dot.pending{background:#f59e0b;background:var(--accent-amber)}.status-dot.paid{background:#84cc16;background:var(--accent-lime)}.status-dot.overdue{background:#f43f5e;background:var(--accent-rose)}.notifications-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:.75rem;padding:.625rem}.notif-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.notif-icon.ready{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.notif-icon.payment{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.notif-icon.transit{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.notif-content p{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;margin-bottom:.25rem}.notif-time{color:#64748b;color:var(--text-dim);font-size:.7rem}.account-stats-card h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600;margin-bottom:1rem}.account-stats-card .stats-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:.5rem;padding:.625rem}.stat-item svg{color:#64748b;color:var(--text-dim)}.stat-item .stat-value{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600}.stat-item .stat-label{color:#64748b;color:var(--text-dim);font-size:.65rem}.detailed-timeline-section{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.timeline-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.timeline-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.timeline-tracking{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.8125rem}.full-timeline{display:flex;flex-wrap:wrap;gap:1rem 2rem}.timeline-step{position:relative}.timeline-marker{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:50%;color:#64748b;color:var(--text-dim);display:flex;height:24px;justify-content:center;width:24px}.timeline-step.completed .timeline-marker{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.timeline-step.current .timeline-marker{background:#3b82f6;background:var(--primary);color:#fff}.marker-dot{background:#64748b;background:var(--text-dim)}.timeline-content{display:flex;flex-direction:column}.step-status{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.timeline-step.completed .step-status{color:#f8fafc;color:var(--text-main)}.timeline-step.current .step-status{color:#60a5fa;color:var(--primary-glow);font-weight:600}.step-date{color:#64748b;color:var(--text-dim);font-size:.7rem}.tracking-page{display:flex;flex-direction:column;gap:1.5rem}.tracking-search-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;padding:2.5rem;text-align:center}.search-header{margin-bottom:2rem}.search-header .search-icon{color:#60a5fa;color:var(--primary-glow);margin-bottom:1rem}.search-header h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.search-header p{color:#64748b;color:var(--text-dim);font-size:.9375rem}.tracking-search-box{display:flex;gap:.75rem;margin:0 auto;max-width:500px}.search-input-wrapper{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex:1 1;gap:.75rem;padding:1rem 1.25rem;transition:border-color .2s}.search-input-wrapper:focus-within{border-color:#3b82f6;border-color:var(--primary)}.search-input-wrapper svg{color:#64748b;color:var(--text-dim)}.search-input-wrapper input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:1rem;outline:none}.search-input-wrapper input::placeholder{color:#64748b;color:var(--text-dim)}.tracking-error{align-items:center;background:#f43f5e1a;border-radius:8px;color:#f43f5e;color:var(--accent-rose);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.demo-tracking-hint{margin-top:1rem}.demo-tracking-hint p{color:#64748b;color:var(--text-dim);font-size:.75rem}.demo-tracking-hint code{background:#1e293b;background:var(--bg-surface);border-radius:4px;color:#06b6d4;color:var(--accent-cyan);padding:.25rem .5rem}.tracking-results{display:flex;flex-direction:column;gap:1rem}.tracking-status-hero{align-items:center;border-radius:16px;display:flex;gap:1.25rem;padding:1.5rem 2rem}.tracking-status-hero.in_transit{background:linear-gradient(135deg,#3b82f626,#06b6d426);border:1px solid #3b82f64d}.tracking-status-hero.ready{background:linear-gradient(135deg,#84cc1626,#06b6d426);border:1px solid #84cc164d}.tracking-status-hero.awaiting_payment{background:linear-gradient(135deg,#f59e0b26,#f43f5e26);border:1px solid #f59e0b4d}.status-hero-icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;width:56px}.tracking-status-hero.in_transit .status-hero-icon{background:#3b82f633;color:#60a5fa;color:var(--primary-glow)}.tracking-status-hero.ready .status-hero-icon{background:#84cc1633;color:#84cc16;color:var(--accent-lime)}.tracking-status-hero.awaiting_payment .status-hero-icon{background:#f59e0b33;color:#f59e0b;color:var(--accent-amber)}.status-hero-content h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.tracking-number-display{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.875rem}.pickup-badge{align-items:center;background:#84cc1633;border-radius:100px;color:#84cc16;color:var(--accent-lime);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin-left:auto;padding:.5rem 1rem}.tracking-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tracking-info-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.75rem;padding:1rem}.tracking-info-card .info-label,.tracking-info-card svg{color:#64748b;color:var(--text-dim)}.tracking-info-card .info-label{display:block;font-size:.7rem}.tracking-info-card .info-value{color:#f8fafc;color:var(--text-main);display:block;font-size:.9375rem;font-weight:600}.charges-card,.shipment-details-card,.tracking-timeline-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.shipment-details-card h3,.tracking-timeline-card h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1rem}.details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.detail-row{background:#1e293b;background:var(--bg-surface);border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.detail-label{color:var(--text-dim);font-size:.8125rem}.detail-value{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.tracking-timeline{display:flex;flex-direction:column;gap:0}.timeline-event{display:flex;gap:1rem;padding-bottom:1.5rem;position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-event .timeline-marker{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:50%;color:#64748b;color:var(--text-dim);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px;z-index:1}.timeline-event.completed .timeline-marker{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.timeline-event.current .timeline-marker{background:#3b82f6;background:var(--primary);box-shadow:0 0 12px #3b82f680;color:#fff}.timeline-event .marker-empty{background:#64748b;background:var(--text-dim);border-radius:50%;height:10px;width:10px}.timeline-connector{background:#94a3b81a;background:var(--border-subtle);bottom:0;left:15px;position:absolute;top:32px;width:2px}.timeline-event:last-child .timeline-connector{display:none}.timeline-event.completed .timeline-connector{background:#84cc16;background:var(--accent-lime)}.timeline-event-content{flex:1 1;padding-top:.25rem}.event-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.375rem}.event-status{color:#94a3b8;color:var(--text-muted);font-size:.9375rem}.timeline-event.completed .event-status{color:#f8fafc;color:var(--text-main)}.timeline-event.current .event-status{color:#60a5fa;color:var(--primary-glow)}.current-badge{background:#3b82f6;background:var(--primary);border-radius:4px;color:#fff;font-size:.65rem;padding:.125rem .5rem;text-transform:uppercase}.event-details{display:flex;gap:1rem}.event-datetime,.event-location{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;gap:.25rem}.event-extra{color:#06b6d4;color:var(--accent-cyan);display:block;font-size:.75rem;margin-top:.375rem}.charges-header{background:none;border:none;color:inherit;cursor:pointer;justify-content:space-between;padding:0;width:100%}.charges-header,.charges-title{align-items:center;display:flex}.charges-title{gap:.5rem}.charges-title svg{color:#64748b;color:var(--text-dim)}.charges-title h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.charges-toggle{align-items:center;display:flex;gap:.75rem}.charges-total{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.charges-toggle svg{color:#64748b;color:var(--text-dim)}.charges-breakdown{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.5rem}.charge-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.75rem 0}.charge-row.total,.charge-row:last-of-type{border-bottom:none}.charge-row.total{border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);font-weight:700;margin-top:.5rem;padding-top:1rem}.charge-row.total span{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem}.charge-label{align-items:center;display:flex;gap:.75rem}.charge-label svg{color:#64748b;color:var(--text-dim)}.charge-label span:first-of-type{color:#f8fafc;color:var(--text-main)}.charge-formula{color:#64748b;color:var(--text-dim);font-size:.7rem;margin-left:.5rem}.charge-amount{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace}.payment-status{border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.payment-status.paid{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.customer-invoices-page{display:flex;flex-direction:column;gap:1.5rem}.invoices-toolbar{gap:1rem}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.filter-btn.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.invoices-list{display:flex;flex-direction:column;gap:1rem}.invoice-card{background:#0f172a;background:var(--bg-card);border-radius:16px}.invoice-card.overdue{border-left:3px solid #f43f5e;border-left:3px solid var(--accent-rose)}.invoice-card-header{background:#1e293b;background:var(--bg-surface);padding:1rem 1.25rem}.manifest-ref{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.invoice-card-body{align-items:center;display:flex;justify-content:space-between;padding:1.25rem}.invoice-card .invoice-details{display:flex;gap:1.5rem}.invoice-card .detail-item{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:.375rem}.invoice-card .invoice-amount{text-align:right}.amount-label{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem}.amount-value{color:#f8fafc;color:var(--text-main);font-size:1.25rem;font-weight:700}.invoice-card-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.customer-payments-page{display:flex;flex-direction:column;gap:1.5rem}.payment-balance-card{background:linear-gradient(135deg,#0f172a,#f43f5e0d);background:linear-gradient(135deg,var(--bg-card),#f43f5e0d);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;padding:2rem}.balance-main{display:flex;gap:3rem;margin-bottom:1rem}.balance-section .balance-label{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem;margin-bottom:.5rem}.balance-section .balance-amount{align-items:center;display:flex;font-family:Sora,sans-serif;font-size:2rem;font-weight:700;gap:.5rem}.balance-amount.outstanding{color:#f43f5e;color:var(--accent-rose)}.balance-amount.credit{color:#84cc16;color:var(--accent-lime)}.last-payment-info{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding-top:1rem}.last-payment-label{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-right:.5rem}.last-payment-details{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.payment-tabs{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.5rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.tab-btn{font-weight:600}.tab-btn:hover{background:#1e293b;background:var(--bg-surface)}.tab-btn.active{background:#3b82f6;background:var(--primary);color:#fff}.section-description{color:#64748b;color:var(--text-dim);margin-bottom:1rem}.pending-invoices-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pending-invoice-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.25rem}.pending-invoice-card.overdue{border-left:3px solid #f43f5e;border-left:3px solid var(--accent-rose)}.pending-invoice-card .invoice-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.375rem}.pending-invoice-card .invoice-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-weight:600}.overdue-badge{align-items:center;background:#f43f5e26;border-radius:4px;color:#f43f5e;color:var(--accent-rose);display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.pending-invoice-card .invoice-details{color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:1rem}.invoice-actions{align-items:center;display:flex;gap:1rem}.invoice-actions .invoice-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.pay-full-balance-card{align-items:center;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f633;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.pay-full-info h4{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.pay-full-info p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.pay-full-action{align-items:center;display:flex;gap:1rem}.full-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.payment-methods-info h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:1rem}.methods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.method-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;gap:1rem;padding:1rem}.method-card,.method-icon{align-items:center;display:flex}.method-icon{border-radius:10px;color:#fff;font-weight:700;height:40px;justify-content:center;width:40px}.method-icon.bank{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.method-icon.card{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.method-icon.mobile{background:linear-gradient(135deg,#84cc16,#22c55e)}.method-name{color:#f8fafc;color:var(--text-main);display:block;font-size:.9375rem;font-weight:600}.method-account{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.upload-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.upload-zone{border-radius:12px;margin-bottom:1.5rem;padding:3rem}.upload-zone:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.upload-zone svg{margin-bottom:1rem}.upload-zone h4{color:#f8fafc;color:var(--text-main);font-size:1rem;margin-bottom:.25rem}.upload-zone p{margin-bottom:.5rem}.upload-formats,.upload-zone p{color:#64748b;color:var(--text-dim)}.upload-formats{font-size:.75rem}.uploaded-file-preview{align-items:center;background:#84cc161a;border:1px solid #84cc1633;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem}.uploaded-file-preview svg{color:#84cc16;color:var(--accent-lime)}.uploaded-file-preview span{color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem}.remove-file{background:none;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.25rem}.remove-file:hover{color:#f43f5e;color:var(--accent-rose)}.history-header,.upload-form .form-group{margin-bottom:1rem}.history-header{align-items:center;display:flex;justify-content:space-between}.history-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.payment-history-list{display:flex;flex-direction:column;gap:.75rem}.payment-history-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.payment-status-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.payment-status-icon.completed{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.payment-info{flex:1 1}.payment-main{display:flex;justify-content:space-between;margin-bottom:.25rem}.payment-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-weight:600}.payment-date{color:#64748b;font-size:.8125rem}.payment-history-card .payment-details{color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:1rem}.payment-history-card .payment-amount{text-align:right}.payment-history-card .payment-amount span:first-child{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.status-badge.completed{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.payment-modal .payment-summary{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.payment-for{color:#94a3b8;color:var(--text-muted);font-size:.9375rem}.payment-total{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.payment-instructions h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.bank-details{border-radius:10px;margin-bottom:1.5rem}.bank-row{border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.5rem 0}.bank-row:last-child{border-bottom:none}.bank-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.bank-value{font-size:.8125rem}.bank-value,.upload-proof-section h4{color:#f8fafc;color:var(--text-main);font-weight:600}.upload-proof-section h4{font-size:.9375rem;margin-bottom:.75rem}.mini-upload-zone{align-items:center;border:2px dashed #94a3b81a;border:2px dashed var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;transition:all .2s}.mini-upload-zone:hover{border-color:#3b82f6;border-color:var(--primary)}.mini-upload-zone svg{color:#64748b;color:var(--text-dim);margin-bottom:.5rem}.mini-upload-zone span{color:#64748b;color:var(--text-dim);font-size:.8125rem}.uploaded-preview{align-items:center;display:flex;gap:.5rem}.uploaded-preview svg{margin-bottom:0}.uploaded-preview span,.uploaded-preview svg{color:#84cc16;color:var(--accent-lime)}.customer-address-page{display:flex;flex-direction:column;gap:2rem}.shipping-address-card{background:linear-gradient(135deg,#0f172a,#3b82f60d);background:linear-gradient(135deg,var(--bg-card),#3b82f60d);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;padding:2rem}.shipping-address-card .card-header-row{margin-bottom:1.5rem}.header-with-icon{display:flex;gap:1rem}.header-with-icon svg{color:#60a5fa;color:var(--primary-glow);flex-shrink:0}.header-with-icon h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.header-with-icon p{color:#64748b;color:var(--text-dim);font-size:.875rem}.shipping-address-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.address-display{background:#1e293b;background:var(--bg-surface);border-radius:12px;padding:1.25rem}.address-line{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:1rem;padding:.625rem 0}.address-line:last-child{border-bottom:none}.address-line.highlight{background:#3b82f61a;border-bottom:none;border-radius:8px;margin:-.25rem -.25rem .5rem;padding:.75rem}.address-line .label{color:#64748b;color:var(--text-dim);font-size:.75rem;text-transform:uppercase;width:120px}.address-line .value{color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.9375rem}.address-line .value.code{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:700}.copy-btn{background:none;padding:.25rem}.copy-btn:hover{color:#60a5fa;color:var(--primary-glow)}.address-instructions{background:#1e293b;background:var(--bg-surface);border-radius:12px;padding:1.25rem}.instruction-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.instruction-header svg{color:#06b6d4;color:var(--accent-cyan)}.instruction-header h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.instruction-list{padding-left:1.25rem}.instruction-list li{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin-bottom:.625rem}.instruction-list li strong{color:#60a5fa;color:var(--primary-glow)}.delivery-addresses-section .section-header-row{margin-bottom:1rem}.delivery-addresses-section h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.delivery-addresses-section p{color:#64748b;color:var(--text-dim);font-size:.875rem}.delivery-addresses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.delivery-address-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem;transition:all .2s}.delivery-address-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.delivery-address-card.default{border-color:#3b82f64d}.address-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.address-label{align-items:center;display:flex;gap:.5rem}.address-label svg{color:#64748b;color:var(--text-dim)}.address-label span{color:#f8fafc;color:var(--text-main);font-weight:600}.default-badge{background:#3b82f626;border-radius:4px;color:#60a5fa;color:var(--primary-glow);font-size:.65rem;font-weight:600;padding:.125rem .5rem}.address-actions{display:flex;gap:.25rem}.address-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.address-actions .action-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.address-actions .action-btn.delete:hover{background:#f43f5e1a;color:#f43f5e;color:var(--accent-rose)}.address-card-body .address-name{color:#f8fafc;color:var(--text-main);font-weight:600;margin-bottom:.25rem}.address-card-body .address-text{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.address-card-body .address-phone{color:#64748b;color:var(--text-dim);font-size:.8125rem}.set-default{margin-top:.75rem}.pickup-locations-section{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.pickup-locations-section .section-header{display:flex;gap:1rem;margin-bottom:1.5rem}.pickup-locations-section .section-header svg{color:#06b6d4;color:var(--accent-cyan)}.pickup-locations-section h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.pickup-locations-section p{color:#64748b;color:var(--text-dim);font-size:.875rem}.pickup-locations-list{display:flex;flex-direction:column;gap:.75rem}.pickup-location-card{align-items:flex-start;background:#1e293b;background:var(--bg-surface);border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s}.pickup-location-card:hover{border-color:#94a3b81a;border-color:var(--border-subtle)}.pickup-location-card.selected{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.location-radio{padding-top:.125rem}.radio-circle{align-items:center;border:2px solid #64748b;border:2px solid var(--text-dim);border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.radio-circle.checked{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.location-info h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.location-address{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;margin-bottom:.25rem}.location-hours{color:#64748b;color:var(--text-dim);font-size:.75rem}.address-modal .checkbox-group{margin-top:1rem}.checkbox-label{gap:.75rem}.checkbox-label input{accent-color:#3b82f6;accent-color:var(--primary);height:16px;width:16px}.checkbox-label span{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.customer-notifications-page{display:flex;flex-direction:column;gap:1.5rem}.notification-stats-row{display:flex;flex-wrap:wrap;gap:.75rem}.stat-chip{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:100px;color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.stat-chip svg{opacity:.7}.stat-chip.unread{border-color:#3b82f64d;color:#60a5fa;color:var(--primary-glow)}.stat-chip.whatsapp svg{color:#25d366}.stat-chip.email svg{color:#06b6d4;color:var(--accent-cyan)}.stat-chip.sms svg{color:#f59e0b;color:var(--accent-amber)}.notifications-toolbar{align-items:center;display:flex;justify-content:space-between}.filter-tabs{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.filter-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s}.filter-tab.active,.filter-tab:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.notifications-list .empty-state{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state svg{color:#64748b;color:var(--text-dim)}.empty-state h3{color:#f8fafc;color:var(--text-main);font-size:1.125rem;margin-bottom:.25rem}.empty-state p{color:#64748b;color:var(--text-dim)}.notification-card{align-items:flex-start;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.notification-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.notification-card.unread{background:#3b82f608;border-color:#3b82f633}.notification-type-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-type-icon.ready{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.notification-type-icon.payment,.notification-type-icon.payment_confirmed{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.notification-type-icon.transit{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.notification-type-icon.received{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.notification-type-icon.customs{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.notification-content{min-width:0}.notification-title{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.notification-message{margin-bottom:.625rem}.notification-meta{align-items:center;display:flex;gap:1rem}.channel-badge{border-radius:100px;display:flex;font-size:.7rem;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize}.channel-badge.whatsapp{background:#25d36626;color:#25d366}.channel-badge.email{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.channel-badge.sms{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.notification-menu-btn{background:none;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.25rem}.notification-menu-btn:hover{color:#f8fafc;color:var(--text-main)}.notification-preferences-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;justify-content:space-between;padding:1.5rem}.preferences-content{display:flex;gap:1rem}.preferences-content svg{color:#64748b;color:var(--text-dim)}.preferences-content h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.preferences-content p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.customer-settings-page .settings-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:220px 1fr}.avatar-card{align-items:center;display:flex;justify-content:space-between}.avatar-section{display:flex;gap:1rem}.avatar-large{align-items:center;background:linear-gradient(135deg,#f59e0b,#f43f5e);background:linear-gradient(135deg,var(--accent-amber),var(--accent-rose));border-radius:16px;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:64px;justify-content:center;width:64px}.avatar-large img{border-radius:16px;height:100%;object-fit:cover;width:100%}.avatar-info h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.avatar-info p{font-size:.8125rem}.avatar-info p,.member-since{color:#64748b;color:var(--text-dim)}.member-since{font-size:.75rem}.input-with-icon{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);padding:.875rem 1rem}.input-with-icon:focus-within{border-color:var(--primary)}.input-with-icon svg{color:#64748b;color:var(--text-dim);flex-shrink:0}.input-with-icon input{color:#f8fafc;color:var(--text-main);font-size:.9375rem}.readonly-card{background:#1e293b;background:var(--bg-surface)}.readonly-value{background:#0f172a;background:var(--bg-card);border-radius:8px;padding:1rem}.code-display{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.readonly-value .hint{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem;margin-top:.5rem}.card-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.card-title-row svg{color:#64748b;color:var(--text-dim)}.card-title-row h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.card-description{color:#64748b;color:var(--text-dim);margin-bottom:1rem}.toggle-setting.single{border:none;padding:0}.session-item{background:#0f172a;background:var(--bg-card);margin-bottom:1rem;padding:1rem}.session-device{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.session-location{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.current-badge{background:#84cc1626;color:var(--accent-lime);font-size:.7rem;padding:.25rem .625rem}.line-items-section h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;margin-bottom:1rem}.line-items-table th{font-size:.7rem;padding:.75rem}.line-items-table td{border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:.75rem}.line-items-table tfoot td{border-bottom:none;border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);color:#f8fafc;color:var(--text-main);font-weight:700}.item-description{align-items:center;display:flex;gap:.5rem}.item-description svg{color:#64748b;color:var(--text-dim)}.tracking-section h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.tracking-list{display:flex;flex-wrap:wrap;gap:.5rem}.tracking-tag{border-radius:6px;color:#06b6d4;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:.375rem .75rem}.formula-note,.tracking-tag{background:#1e293b;background:var(--bg-surface)}.formula-note{border-radius:10px;margin-top:1.5rem;padding:1rem}.formula-note h4{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.formula-note code{color:#06b6d4;color:var(--accent-cyan);display:block;font-family:JetBrains Mono,monospace;font-size:.875rem;margin-bottom:.5rem}.formula-note p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.mobile-only{display:none}.desktop-only{display:flex}.mobile-overlay{display:none}@media (max-width:1024px){.status-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.tracking-info-grid{grid-template-columns:repeat(2,1fr)}.methods-grid,.shipping-address-content{grid-template-columns:1fr}}@media (max-width:768px){.customer-login-page{grid-template-columns:1fr}.login-branding{display:none}.status-cards-grid{grid-template-columns:1fr 1fr}.customer-settings-page .settings-layout{grid-template-columns:1fr}.customer-settings-page .settings-nav{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:1rem}.customer-settings-page .settings-nav-item{white-space:nowrap}.mobile-only{display:flex}.desktop-only{display:none}.mobile-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:99}.app-sidebar.mobile-open{transform:translateX(0);z-index:100}.mobile-menu-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:10px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.customer-portal .app-main{margin-left:0}.customer-portal .app-sidebar{position:fixed;transform:translateX(-100%)}.tenant-portal .app-main{margin-left:0}.tenant-portal .app-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease}.tenant-portal .app-sidebar.mobile-open{transform:translateX(0)}.tenant-header .header-left{gap:.75rem}.tenant-header .page-title{font-size:1rem}.tenant-indicator .tenant-name{display:none}.tenant-dashboard .stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.tenant-dashboard .main-content-grid{grid-template-columns:1fr}.packages-table-card .table-header,.packages-table-card .table-row{font-size:.75rem;grid-template-columns:1fr 80px 80px}.packages-table-card .table-header span:nth-child(2),.packages-table-card .table-header span:nth-child(4),.packages-table-card .table-header span:nth-child(5),.packages-table-card .table-header span:nth-child(6),.packages-table-card .table-header span:nth-child(8),.packages-table-card .table-row div:last-child,.packages-table-card .table-row span:nth-child(2),.packages-table-card .table-row span:nth-child(4),.packages-table-card .table-row span:nth-child(5),.packages-table-card .table-row span:nth-child(6){display:none}.intake-stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.scanner-section{grid-template-columns:1fr}.recent-sessions-card{display:block;margin-top:1rem}.scanner-header{align-items:flex-start;flex-direction:column;gap:1rem}.scanner-controls{justify-content:space-between;width:100%}.scanner-input-form{flex-direction:column}.scan-btn{justify-content:center;padding:.875rem;width:100%}.scanned-packages-table .table-header,.scanned-packages-table .table-row{font-size:.75rem;grid-template-columns:1fr 60px 60px}.scanned-packages-table .bolt-number,.scanned-packages-table .customer,.scanned-packages-table .timestamp{display:none}.bom-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.bom-card-main{gap:1rem;grid-template-columns:1fr}.bom-stats{flex-wrap:wrap;gap:1rem}.bom-status-section{align-items:flex-start;flex-direction:row;gap:.5rem}.bom-card-actions{flex-wrap:wrap}.invoice-summary-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.invoices-list.expandable .invoice-card-main{gap:.5rem;grid-template-columns:1fr auto}.invoices-list.expandable .invoice-bom,.invoices-list.expandable .invoice-dates{display:none}.invoices-list.expandable .invoice-amount{font-size:1rem}.line-items-table .table-header,.line-items-table .table-row{grid-template-columns:1fr 60px 80px}.line-items-table .table-header span:nth-child(2),.line-items-table .table-header span:nth-child(4),.line-items-table .table-row span:nth-child(2),.line-items-table .table-row span:nth-child(4){display:none}.pricing-tiers-grid{grid-template-columns:repeat(2,1fr)}.builder-header{flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;width:100%}.header-actions .btn{flex:1 1;min-width:120px}.website-toggle{justify-content:space-between;width:100%}.website-status-bar{flex-direction:column;gap:.75rem}.builder-tabs{overflow-x:auto;padding-bottom:.25rem}.tab-btn{padding:.625rem 1rem;white-space:nowrap}.tab-btn span{display:none}.branding-grid,.templates-grid{grid-template-columns:1fr}.branding-card.colors,.branding-card.full-width{grid-column:span 1}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}.domain-input-wrapper{align-items:stretch;flex-direction:column}.domain-input-wrapper .protocol{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);border-right:none}.dns-record{align-items:flex-start;flex-direction:column;gap:.5rem}.record-details{flex-wrap:wrap;width:100%}.bom-toolbar,.invoice-toolbar,.packages-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.toolbar-left,.toolbar-right{flex-wrap:wrap}.search-box{min-width:0;min-width:auto;width:100%}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.filter-btn{flex-shrink:0;white-space:nowrap}}@media (max-width:640px){.status-cards-grid,.tracking-info-grid{grid-template-columns:1fr}.avatar-card{align-items:flex-start;flex-direction:column;gap:1rem}.filter-tabs,.notification-stats-row{flex-wrap:wrap}.invoice-card-body{align-items:flex-start;gap:1rem}.invoice-card-body,.invoice-card-footer{flex-direction:column}.invoice-card-footer .btn{width:100%}.bom-stats-grid,.intake-stats-row,.invoice-summary-grid,.pricing-tiers-grid,.tenant-dashboard .stats-row{grid-template-columns:1fr}.page-header-section{flex-direction:column;gap:1rem}.page-header-section .btn{width:100%}.session-actions{flex-direction:column}.session-actions .btn{width:100%}.invoice-card-actions{flex-direction:column}.invoice-card-actions .btn{width:100%}.modal-content{margin:5vh auto;max-height:90vh;max-width:95%!important;width:95%!important}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.tenant-portal .tenant-sidebar{border-right-color:#f59e0b33}.tenant-logo{color:#fff;font-size:.875rem;font-weight:700}.plan-badge{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;margin-bottom:.75rem;padding:.75rem}.plan-label{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem;margin-bottom:.25rem}.plan-name{color:#f59e0b;color:var(--accent-amber);font-family:Sora,sans-serif;font-size:.875rem;font-weight:600}.tenant-header .tenant-indicator{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:.5rem;padding:.375rem .75rem}.tenant-name{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.tenant-login-page{background:#020617;background:var(--bg-dark);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.tenant-branding{background:linear-gradient(135deg,#0f172a,#8b5cf61a);background:linear-gradient(135deg,var(--bg-card) 0,#8b5cf61a 100%)}.tenant-branding .logo-mark.purple{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 0 40px #8b5cf666}.powered-by{margin-top:3rem;text-align:center}.powered-by>span{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem;margin-bottom:.5rem}.powered-logo{align-items:center;color:#94a3b8;color:var(--text-muted);display:inline-flex;font-weight:600;gap:.375rem}.tenant-login-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.tenant-login-btn:hover{background:linear-gradient(135deg,#7c3aed,#0891b2)}.demo-hint.purple{background:#8b5cf61a}.ambient-glow.purple:before{background:radial-gradient(ellipse at center,#8b5cf61a 0,#0000 70%)}.tenant-dashboard{display:flex;flex-direction:column;gap:1.5rem}.tenant-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tenant-stat-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;transition:all .3s}.tenant-stat-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon.purple{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.stat-icon.lime{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.stat-icon.amber{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.stat-icon.cyan{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.stat-change.up{color:#84cc16;color:var(--accent-lime)}.stat-change.down{color:#f43f5e;color:var(--accent-rose)}.stat-card-body .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.stat-card-body .stat-label{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.tenant-dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.dashboard-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.dashboard-card .card-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.dashboard-card .card-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.shipments-table{padding:0 1rem}.shipments-table .table-header{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;padding:.75rem .5rem;text-transform:uppercase}.shipments-table .table-header,.shipments-table .table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr .8fr 1fr}.shipments-table .table-row{align-items:center;border-bottom:1px solid #ffffff08;padding:.875rem .5rem}.shipments-table .table-row:last-child{border-bottom:none}.shipments-table .tracking-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600}.shipments-table .customer-name{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.shipments-table .destination,.shipments-table .weight{color:#64748b;color:var(--text-dim);font-size:.8125rem}.dashboard-right-column{display:flex;flex-direction:column;gap:1rem}.pending-invoices-list{padding:0 1rem}.pending-invoice-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.875rem .5rem}.pending-invoice-item:last-child{border-bottom:none}.pending-invoice-item .invoice-info{align-items:center;display:flex;gap:.75rem}.pending-invoice-item .invoice-info svg{color:#64748b;color:var(--text-dim)}.pending-invoice-item .invoice-id{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:600}.pending-invoice-item .invoice-due{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem}.invoice-amount-section{text-align:right}.invoice-amount-section .invoice-amount{font-weight:600}.invoice-amount-section .overdue-badge{align-items:center;color:#f43f5e;color:var(--accent-rose);display:inline-flex;font-size:.65rem;gap:.25rem}.dashboard-card .card-footer{align-items:center;background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.5rem}.total-pending span:first-child{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.total-pending .total-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.top-customers-list{padding:0 1rem}.customer-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:.75rem;padding:.75rem .5rem}.customer-item:last-child{border-bottom:none}.customer-rank{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:6px;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.customer-item .customer-name{color:#f8fafc;color:var(--text-main);display:block;font-size:.875rem;font-weight:600}.customer-item .customer-stats{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem}.customer-spent{color:#84cc16;color:var(--accent-lime);font-size:.8125rem;font-weight:600;margin-left:auto}.quick-actions-section h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.quick-action-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1.5rem;text-decoration:none;transition:all .2s}.quick-action-card:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.quick-action-card svg{color:#60a5fa;color:var(--primary-glow)}.quick-action-card span{color:#94a3b8;color:var(--text-muted);font-size:.875rem;font-weight:600}.tenant-shipments-page{display:flex;flex-direction:column;gap:1.5rem}.shipments-summary-row{display:flex;gap:1rem}.shipments-summary-row .summary-stat{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;padding:1rem 1.5rem}.shipments-summary-row .summary-stat .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.shipments-summary-row .summary-stat .stat-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.shipments-summary-row .summary-stat.blue .stat-value{color:#60a5fa;color:var(--primary-glow)}.shipments-summary-row .summary-stat.lime .stat-value{color:#84cc16;color:var(--accent-lime)}.shipments-summary-row .summary-stat.cyan .stat-value{color:#06b6d4;color:var(--accent-cyan)}.shipments-toolbar{align-items:center;display:flex;justify-content:space-between}.toolbar-actions{display:flex;gap:.75rem}.filter-dropdown{background:#0f172a;background:var(--bg-card);color:#64748b;color:var(--text-dim);padding:.5rem 1rem}.filter-dropdown select{outline:none}.shipments-table-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.table-header-row{background:#334155;background:var(--bg-elevated);color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase}.table-data-row,.table-header-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr .8fr .8fr 80px;padding:1rem 1.5rem}.table-data-row{align-items:center;border-bottom:1px solid #ffffff08;transition:background .15s}.table-data-row:hover{background:#1e293b;background:var(--bg-surface)}.table-data-row:last-child{border-bottom:none}.cell-shipment-id .shipment-id{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.cell-shipment-id .tracking-id{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem}.cell-customer .customer-name{color:#f8fafc;color:var(--text-main);display:block;font-size:.875rem}.cell-customer .customer-code{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem}.cell-route{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:.375rem}.cell-value,.cell-weight{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.cell-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.cell-actions .action-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.shipment-detail-modal .status-hero{align-items:center;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.shipment-detail-modal .status-hero.blue{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.shipment-detail-modal .status-hero.lime{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.shipment-detail-modal .status-hero.cyan{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.shipment-detail-modal .status-hero.amber{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.shipment-detail-modal .status-hero span{font-weight:600;text-transform:capitalize}.detail-grid{grid-template-columns:1fr 1fr}.detail-item.full-width{grid-column:span 2}.detail-item .detail-label{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem;margin-bottom:.25rem}.detail-item .detail-value{color:#f8fafc;color:var(--text-main);font-size:.9375rem}.detail-item .detail-value.mono{font-family:JetBrains Mono,monospace}.detail-item .detail-value.large{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.tenant-invoices-page{display:flex;flex-direction:column;gap:1.5rem}.invoices-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.invoices-summary-grid .summary-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.invoices-summary-grid .summary-card .summary-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.invoices-summary-grid .summary-card.amber .summary-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.invoices-summary-grid .summary-card.rose .summary-icon{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.invoices-summary-grid .summary-card.lime .summary-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.invoices-summary-grid .summary-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.invoices-summary-grid .summary-label{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.invoices-toolbar{align-items:center;display:flex;justify-content:space-between}.tenant-invoices-page .invoice-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.invoice-card-main{align-items:center;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.invoice-id-section svg{color:#64748b;color:var(--text-dim)}.invoice-id-section .invoice-id{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}.invoice-id-section .invoice-desc{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.invoice-dates{display:flex;gap:1.5rem}.invoice-dates .date-item{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:.375rem}.invoice-amount-section .invoice-amount{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;text-align:right}.invoice-card-actions{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);gap:.75rem;padding:1rem 1.5rem}.invoice-summary-header{grid-gap:1.5rem;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1.5rem;padding-bottom:1.5rem}.invoice-summary-header h4{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase}.invoice-summary-header p{color:#f8fafc;color:var(--text-main)}.invoice-summary-header p.dim{color:#64748b;color:var(--text-dim);font-size:.875rem}.invoice-meta .meta-row{display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.invoice-meta .meta-row span:first-child{color:#64748b;color:var(--text-dim)}.invoice-line-items{margin-bottom:1rem}.line-item-header{background:#334155;background:var(--bg-elevated);border-radius:8px 8px 0 0;color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;text-transform:uppercase}.line-item,.line-item-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr .5fr 1fr 1fr;padding:.75rem}.line-item{border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);font-size:.875rem}.invoice-total{background:#1e293b;background:var(--bg-surface);border-radius:8px;color:#f8fafc;color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700;justify-content:space-between;padding:1rem}.tenant-customers-page{display:flex;flex-direction:column;gap:1.5rem}.customers-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.summary-stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;display:flex;gap:1rem;padding:1.25rem}.summary-stat-card svg{color:#64748b;color:var(--text-dim)}.summary-stat-card.active svg{color:#84cc16;color:var(--accent-lime)}.summary-stat-card .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.summary-stat-card .stat-label{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.customers-toolbar{align-items:center;display:flex;justify-content:space-between}.customers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.customer-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;transition:all .2s}.customer-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.customer-card-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:1.25rem}.customer-card .customer-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f43f5e);background:linear-gradient(135deg,var(--accent-amber),var(--accent-rose));border-radius:12px;color:#fff;display:flex;font-weight:700;height:44px;justify-content:center;width:44px}.customer-card .customer-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.customer-card .customer-code{color:#64748b;color:var(--text-dim);display:block;font-family:JetBrains Mono,monospace;font-size:.75rem}.status-indicator{border-radius:50%;height:10px;margin-left:auto;width:10px}.status-indicator.active{background:#84cc16;background:var(--accent-lime)}.status-indicator.inactive{background:#64748b;background:var(--text-dim)}.customer-card-body{padding:1.25rem}.customer-contact{margin-bottom:1rem}.customer-contact .contact-item{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:.375rem}.customer-card .customer-stats{display:flex;gap:1rem}.customer-card .customer-stats .stat{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.customer-card .customer-stats .stat svg{color:#64748b;color:var(--text-dim)}.customer-card-footer{align-items:center;background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.join-date{color:#64748b;color:var(--text-dim);font-size:.75rem}.customer-actions{display:flex;gap:.25rem}.customer-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.customer-actions .action-btn:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.customer-actions .action-btn.delete:hover{background:#f43f5e1a;color:#f43f5e;color:var(--accent-rose)}.customer-header-info{align-items:center;display:flex;gap:1rem}.customer-avatar.large{border-radius:14px;font-size:1.25rem;height:56px;width:56px}.customer-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.detail-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1rem}.detail-card h4{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.detail-card .detail-row{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.activity-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.activity-stat{background:#0f172a;background:var(--bg-card);border-radius:8px;padding:.75rem;text-align:center}.activity-stat .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.activity-stat .stat-value.active{color:#84cc16;color:var(--accent-lime)}.activity-stat .stat-label,.activity-stat .stat-value.inactive{color:#64748b;color:var(--text-dim)}.activity-stat .stat-label{display:block;font-size:.65rem;text-transform:uppercase}.recent-activity h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.activity-list{background:#1e293b;background:var(--bg-surface);border-radius:10px;overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.activity-item:last-child{border-bottom:none}.activity-item .activity-date,.activity-item svg{color:#64748b;color:var(--text-dim)}.activity-item .activity-date{font-size:.75rem;margin-left:auto}.tenant-reports-page{display:flex;flex-direction:column;gap:1.5rem}.date-range-selector{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.25rem;padding:.25rem}.range-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.range-btn.active,.range-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.reports-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.report-stat-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem}.report-stat-card .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.report-stat-card .stat-header svg{color:#64748b;color:var(--text-dim)}.report-stat-card .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.report-stat-card .stat-label{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.reports-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.chart-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.chart-header svg{color:#64748b;color:var(--text-dim)}.bar-chart{align-items:flex-end;display:flex;gap:.5rem;height:200px;justify-content:space-between}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.bar-item .bar{background:linear-gradient(180deg,#60a5fa,#06b6d4);background:linear-gradient(180deg,var(--primary-glow),var(--accent-cyan));border-radius:6px 6px 0 0;position:relative;transition:height .3s ease;width:100%}.bar-item .bar-value{color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:600;left:50%;opacity:0;position:absolute;top:-24px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.bar-item:hover .bar-value{opacity:1}.bar-item .bar-label{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.5rem}.status-breakdown{display:flex;flex-direction:column;gap:1rem}.status-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:100px 1fr 40px 40px}.status-info{align-items:center;display:flex;gap:.5rem}.status-info .status-dot{border-radius:50%;height:10px;width:10px}.status-info .status-dot.lime{background:#84cc16;background:var(--accent-lime)}.status-info .status-dot.blue{background:#60a5fa;background:var(--primary-glow)}.status-info .status-dot.cyan{background:#06b6d4;background:var(--accent-cyan)}.status-info .status-dot.amber{background:#f59e0b;background:var(--accent-amber)}.status-name{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.status-bar-container{background:#1e293b;background:var(--bg-surface);border-radius:4px;height:8px;overflow:hidden}.status-bar{border-radius:4px;height:100%}.status-bar.lime{background:#84cc16;background:var(--accent-lime)}.status-bar.blue{background:#60a5fa;background:var(--primary-glow)}.status-bar.cyan{background:#06b6d4;background:var(--accent-cyan)}.status-bar.amber{background:#f59e0b;background:var(--accent-amber)}.status-count{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;text-align:right}.status-percentage{color:#64748b;color:var(--text-dim);font-size:.75rem;text-align:right}.top-routes-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.top-routes-card .card-header{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem}.top-routes-card .card-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.routes-table{padding:0 .5rem}.routes-table .table-header{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;padding:.75rem 1rem;text-transform:uppercase}.routes-table .table-header,.routes-table .table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr}.routes-table .table-row{border-bottom:1px solid #ffffff08;padding:.875rem 1rem}.routes-table .table-row:last-child{border-bottom:none}.route-name{color:#f8fafc;color:var(--text-main);font-weight:600}.route-percentage,.route-revenue,.route-shipments{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.tenant-notifications-page{display:flex;flex-direction:column;gap:1.5rem}.notifications-header{align-items:center;display:flex;justify-content:space-between}.unread-count{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.9375rem;gap:.5rem}.unread-count svg{color:#64748b;color:var(--text-dim)}.notification-filters{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.25rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.notification-filters .filter-tab{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.notification-filters .filter-tab.active,.notification-filters .filter-tab:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.tenant-notifications-page .notification-card{align-items:flex-start;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.tenant-notifications-page .notification-card.unread{background:#3b82f608;border-color:#3b82f633}.tenant-notifications-page .notification-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-icon.cyan{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.notification-icon.rose{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.notification-icon.blue{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.notification-icon.lime{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.notification-icon.purple{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.notification-content{flex:1 1}.notification-content .notification-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.375rem}.notification-content h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.unread-dot{background:#3b82f6;background:var(--primary);border-radius:50%;height:8px;width:8px}.notification-message{color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.notification-time{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;gap:.25rem}.notification-menu{background:none;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.25rem}.notification-menu:hover{color:#f8fafc;color:var(--text-main)}.tenant-settings-page .settings-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:220px 1fr}.tenant-logo-preview{border-radius:16px;height:100px;width:100px}.tenant-logo-preview .logo-placeholder{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.team-card{padding:0}.team-header{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.team-list{padding:.5rem}.team-member{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .15s}.team-member:hover{background:#1e293b;background:var(--bg-surface)}.team-member .member-avatar{align-items:center;background:linear-gradient(135deg,#f59e0b,#f43f5e);background:linear-gradient(135deg,var(--accent-amber),var(--accent-rose));border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:36px;justify-content:center;width:36px}.team-member .member-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.team-member .member-email{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.team-member .role-badge{margin-left:auto}.team-member .member-actions{display:flex;gap:.25rem}.team-member .action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.team-member .action-btn:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.team-member .action-btn.delete:hover{background:#f43f5e1a;color:#f43f5e;color:var(--accent-rose)}.toggle-list{display:flex;flex-direction:column}.toggle-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:1rem 0}.toggle-item:last-child{border-bottom:none}.toggle-item.single{border:none;padding:0}.toggle-info h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.toggle-info p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.plan-details{margin-bottom:1rem}.plan-badge{border-radius:100px;display:inline-block;font-size:.8125rem;margin-bottom:.5rem;padding:.375rem .75rem}.plan-badge.professional{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.plan-details p{color:#64748b;color:var(--text-dim);margin-bottom:.75rem}.plan-features-list{list-style:none;margin:0;padding:0}.plan-features-list li{color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:.375rem 0}.payment-method{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.card-icon{background:linear-gradient(135deg,#1a365d,#2b6cb0);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:.5rem .75rem}.card-info span{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace}.card-expiry{color:#64748b;color:var(--text-dim);font-size:.75rem}@media (max-width:1024px){.reports-stats-grid,.tenant-stats-grid{grid-template-columns:repeat(2,1fr)}.reports-charts-grid,.tenant-dashboard-grid{grid-template-columns:1fr}.customers-summary-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tenant-login-page{grid-template-columns:1fr}.tenant-branding{display:none}.invoices-summary-grid,.tenant-settings-page .settings-layout{grid-template-columns:1fr}.table-data-row,.table-header-row{gap:.5rem;grid-template-columns:1fr}}.tenant-website-builder{padding:0}.builder-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-info h2{color:#f8fafc;color:var(--text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.header-info p{color:#64748b;color:var(--text-dim);font-size:.875rem}.header-actions,.website-toggle{align-items:center;gap:.75rem}.website-toggle{display:flex}.toggle-label{color:#64748b;color:var(--text-dim);font-size:.875rem}.toggle-btn{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;padding:.5rem 1rem;transition:all .3s}.toggle-btn .toggle-slider{background:#4b5563;border-radius:9px;height:18px;position:relative;transition:background .3s;width:32px}.toggle-btn .toggle-slider:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .3s;width:14px}.toggle-btn.active .toggle-slider{background:#84cc16}.toggle-btn.active .toggle-slider:after{transform:translateX(14px)}.toggle-btn .toggle-text{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:500}.toggle-btn.active .toggle-text{color:#84cc16}.website-status-bar{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:.875rem 1.25rem}.status-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem}.status-item svg{color:#64748b;color:var(--text-dim)}.status-item svg.success{color:#84cc16}.status-item svg.warning{color:#f59e0b}.status-item a{align-items:center;color:#a855f7;color:var(--accent-purple);display:flex;gap:.375rem;text-decoration:none}.status-item a:hover{text-decoration:underline}.builder-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.builder-tabs{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:.25rem;padding:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.tab-btn:hover{background:var(--bg-hover);color:#f8fafc;color:var(--text-main)}.tab-btn.active{background:#0f172a;background:var(--bg-card);color:#a855f7;color:var(--accent-purple)}.tab-content{padding:1.5rem}.branding-section h3,.content-section h3,.domain-section h3,.pages-section h3,.templates-section h3{color:#f8fafc;color:var(--text-main);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.section-desc{color:#64748b;color:var(--text-dim);font-size:.875rem;margin-bottom:1.5rem}.templates-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#1e293b;background:var(--bg-surface);border:2px solid #0000;border-radius:12px;overflow:hidden}.template-card:hover{border-color:#94a3b81a;border-color:var(--border-subtle);transform:translateY(-2px)}.template-card.selected{border-color:#a855f7;border-color:var(--accent-purple)}.template-preview{height:160px;position:relative}.preview-placeholder{height:100%;justify-content:center;opacity:.8;width:100%}.preview-placeholder,.selected-badge{align-items:center;color:#fff;display:flex}.selected-badge{background:#a855f7;background:var(--accent-purple);border-radius:20px;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem;top:.75rem}.template-info{padding:1rem}.template-info h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:.25rem}.template-info p{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-bottom:.75rem}.template-features{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.feature-tag{background:#0f172a;background:var(--bg-card);border-radius:4px;color:#94a3b8;color:var(--text-muted);font-size:.6875rem;padding:.25rem .5rem}.template-colors{display:flex;gap:.375rem}.color-dot{border:2px solid #0f172a;border:2px solid var(--bg-card);border-radius:50%;height:16px;width:16px}.branding-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.branding-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1.25rem}.branding-card.full-width{grid-column:span 2}.branding-card h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.branding-card h4,.upload-zone{align-items:center;display:flex}.upload-zone{background:#0f172a;background:var(--bg-card);border:2px dashed #94a3b81a;border:2px dashed var(--border-subtle);border-radius:10px;cursor:pointer;flex-direction:column;justify-content:center;padding:2rem;transition:all .2s}.upload-zone:hover{background:#8b5cf60d;border-color:#a855f7;border-color:var(--accent-purple)}.upload-zone svg{color:#64748b;color:var(--text-dim);margin-bottom:.75rem}.upload-zone span{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.upload-zone .upload-hint{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.5rem}.upload-zone.small{padding:1.5rem}.color-inputs{display:flex;gap:1rem}.color-input{flex:1 1}.color-input label{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem;margin-bottom:.5rem}.color-picker{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.color-picker input[type=color]{border:none;border-radius:6px;cursor:pointer;height:32px;width:32px}.color-picker span{color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8125rem}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full{grid-column:span 2}.content-cards{display:flex;flex-direction:column;gap:1.25rem}.content-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;overflow:hidden}.content-card .card-header{align-items:center;background:#0f172a;background:var(--bg-card);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.content-card .card-header h4{align-items:center;color:#f8fafc;color:var(--text-main);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin:0}.content-card .card-body{padding:1.25rem}.faq-list{gap:.75rem}.faq-item{background:#0f172a;background:var(--bg-card);border-radius:8px;padding:.75rem}.faq-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.faq-header .drag-handle{color:#64748b;color:var(--text-dim);cursor:grab}.faq-header input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-weight:500}.faq-header .btn-icon.delete{color:#64748b;color:var(--text-dim)}.faq-header .btn-icon.delete:hover{color:#ef4444}.faq-item textarea{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:.5rem;resize:vertical;width:100%}.service-areas-grid{display:flex;flex-wrap:wrap;gap:.5rem}.area-tag{background:#0f172a;background:var(--bg-card);border-radius:6px;color:#94a3b8;color:var(--text-muted);gap:.375rem;padding:.5rem .75rem}.area-tag .remove-btn{background:#0000;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;padding:0}.area-tag .remove-btn:hover{color:#ef4444}.add-area-btn{align-items:center;background:#0000;border:1px dashed #94a3b81a;border:1px dashed var(--border-subtle);border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.5rem .75rem}.add-area-btn:hover{border-color:#a855f7;border-color:var(--accent-purple);color:#a855f7;color:var(--accent-purple)}.pages-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.page-item{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:opacity .2s}.page-item.disabled{opacity:.5}.page-info{align-items:center;display:flex;gap:.75rem}.page-info .drag-handle{cursor:grab}.page-icon,.page-info .drag-handle{color:#64748b;color:var(--text-dim)}.page-icon{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.page-details{display:flex;flex-direction:column}.page-name{color:#f8fafc;color:var(--text-main);font-weight:500}.page-url{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.page-actions{align-items:center;display:flex;gap:.75rem}.required-badge{background:#8b5cf626;border-radius:4px;color:#a855f7;color:var(--accent-purple);font-size:.6875rem;font-weight:600;padding:.25rem .5rem}.toggle-switch{background:#4b5563;border:none;border-radius:11px;height:22px;position:relative;transition:background .2s;width:40px}.toggle-switch.on{background:#84cc16}.toggle-switch .switch-slider{background:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s;width:18px}.toggle-switch.on .switch-slider{transform:translateX(18px)}.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.add-page-btn{justify-content:center;width:100%}.domain-card{background:#1e293b;background:var(--bg-surface);border-radius:12px;padding:1.5rem}.domain-header{display:flex;gap:1rem;margin-bottom:1.5rem}.domain-header svg{color:#a855f7;color:var(--accent-purple)}.domain-header h4{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:.25rem}.domain-header p{color:#64748b;color:var(--text-dim);font-size:.875rem}.domain-input-section{margin-bottom:1.5rem}.domain-input-wrapper{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.domain-input-wrapper .protocol{background:#1e293b;background:var(--bg-surface);border-right:1px solid #94a3b81a;border-right:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);font-size:.875rem;padding:.75rem 1rem}.domain-input-wrapper input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;padding:.75rem}.domain-input-wrapper .verified-badge{align-items:center;background:#84cc1626;color:#84cc16;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.5rem 1rem}.dns-instructions{background:#0f172a;background:var(--bg-card);border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}.dns-instructions h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.dns-instructions p{color:#64748b;color:var(--text-dim);font-size:.875rem;margin-bottom:1rem}.dns-records{display:flex;flex-direction:column;gap:.75rem}.dns-record{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:1rem;padding:.75rem}.record-type{background:#8b5cf626;border-radius:4px;color:#a855f7;color:var(--accent-purple);font-size:.75rem;font-weight:600;min-width:60px;padding:.375rem .75rem;text-align:center}.record-details{align-items:center;display:flex;flex:1 1;gap:1rem}.record-name{color:#94a3b8;color:var(--text-muted);min-width:60px}.record-name,.record-value{font-family:JetBrains Mono,monospace;font-size:.8125rem}.record-value{color:#f8fafc;color:var(--text-main)}.copy-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.375rem}.copy-btn:hover{background:var(--bg-hover);color:#a855f7;color:var(--accent-purple)}.ssl-section .ssl-status{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:10px;display:flex;gap:1rem;padding:1rem 1.25rem}.ssl-status svg{color:#64748b;color:var(--text-dim)}.ssl-status h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.125rem}.ssl-status p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.ssl-badge{border-radius:20px;font-size:.75rem;font-weight:600;margin-left:auto;padding:.375rem .75rem}.ssl-badge.active{background:#84cc1626;color:#84cc16}.ssl-badge.pending{background:#f59e0b26;color:#f59e0b}.preview-modal{display:flex;flex-direction:column;height:85vh;max-width:1200px;width:95%}.preview-modal .modal-header{flex-shrink:0}.preview-controls{align-items:center;display:flex;gap:1rem}.device-switcher{background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;padding:.25rem}.device-switcher button{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.5rem .75rem}.device-switcher button:hover{color:#f8fafc;color:var(--text-main)}.device-switcher button.active{background:#0f172a;background:var(--bg-card);color:#a855f7;color:var(--accent-purple)}.preview-body{align-items:center;background:#1a1a1a;display:flex;justify-content:center;overflow:hidden;padding:1.5rem}.preview-frame{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;transition:all .3s}.preview-frame.desktop{height:100%;width:100%}.preview-frame.tablet{height:100%;width:768px}.preview-frame.mobile{height:100%;width:375px}.preview-content{height:100%;overflow-y:auto;width:100%}.mock-website{color:#18181b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mock-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 2rem}.mock-logo{color:#8b5cf6;color:var(--primary-color,#8b5cf6);font-size:1.25rem;font-weight:700}.mock-nav{display:flex;gap:1.5rem}.mock-nav span{color:#52525b;cursor:pointer;font-size:.875rem}.mock-hero{background:linear-gradient(135deg,#8b5cf610,#06b6d410);background:linear-gradient(135deg,var(--primary-color,#8b5cf6)10,var(--secondary-color,#06b6d4)10);padding:4rem 2rem;text-align:center}.mock-hero h1{color:#18181b;font-size:2.5rem;font-weight:700;margin-bottom:.75rem}.mock-hero p{color:#52525b;font-size:1.125rem;margin-bottom:2rem}.mock-tracking-box{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 20px #0000001a;display:inline-flex;gap:.75rem;padding:.75rem 1rem}.mock-tracking-box span{color:#a1a1aa}.mock-tracking-box button{background:#8b5cf6;background:var(--primary-color,#8b5cf6);border:none;border-radius:20px;color:#fff;font-weight:500;padding:.5rem 1.25rem}.mock-services{padding:3rem 2rem}.mock-services h2{font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.mock-service-cards{display:flex;gap:1.5rem;justify-content:center}.mock-card{background:#f9fafb;border-radius:12px;padding:1.5rem;text-align:center;width:160px}.mock-card svg{color:#8b5cf6;color:var(--primary-color,#8b5cf6);margin-bottom:.75rem}.mock-card h3{font-size:.875rem;font-weight:600}.tenant-website-preview{background:#fff;color:#18181b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.tw-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:100}.tw-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.tw-header .tw-container{align-items:center;display:flex;height:70px;justify-content:space-between}.tw-logo{align-items:center;font-size:1.25rem;font-weight:700}.tw-logo,.tw-nav{display:flex;gap:.5rem}.tw-nav-link{background:#0000;border:none;border-radius:8px;color:#52525b;cursor:pointer;font-size:.9375rem;padding:.5rem 1rem;transition:all .2s}.tw-nav-link:hover{background:#f4f4f5;color:#18181b}.tw-nav-link.active{color:#3b82f6;color:var(--primary);font-weight:500}.tw-header-actions{gap:1rem}.tw-header-actions,.tw-phone{align-items:center;display:flex}.tw-phone{color:#52525b;font-size:.875rem;gap:.5rem;text-decoration:none}.tw-phone:hover{color:#3b82f6;color:var(--primary)}.tw-mobile-menu{background:#0000;border:none;color:#52525b;cursor:pointer;display:none}.tw-hero{overflow:hidden;padding:6rem 0;position:relative}.tw-hero-bg{background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 5%,#fff),color-mix(in srgb,var(--secondary) 5%,#fff));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,#fff),color-mix(in srgb,var(--secondary) 5%,#fff));inset:0;position:absolute}.tw-hero .tw-container{position:relative}.tw-hero-content{margin:0 auto;max-width:700px;text-align:center}.tw-hero-badge{background:color-mix(in srgb,#3b82f6 10%,#fff);background:color-mix(in srgb,var(--primary) 10%,#fff);border-radius:50px;color:#3b82f6;color:var(--primary);display:inline-flex;font-size:.8125rem;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1rem}.tw-hero h1{color:#18181b;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.tw-hero p{color:#52525b;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.tw-tracking-form{background:#fff;border-radius:50px;box-shadow:0 10px 40px #0000001a;display:flex;margin:0 auto;max-width:560px;overflow:hidden}.tw-tracking-form.large{max-width:640px}.tw-tracking-input{align-items:center;display:flex;flex:1 1;gap:.75rem;padding:.75rem 1.25rem}.tw-tracking-input svg{color:#a1a1aa}.tw-tracking-input input{background:#0000;border:none;color:#18181b;flex:1 1;font-size:1rem}.tw-tracking-input input::placeholder{color:#a1a1aa}.tw-track-btn{align-items:center;background:#3b82f6;background:var(--primary);border:none;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .2s}.tw-track-btn:hover{filter:brightness(1.1)}.tw-areas,.tw-contact-page,.tw-faq-page,.tw-pricing-page,.tw-services,.tw-services-page,.tw-testimonials,.tw-track-page{padding:5rem 0}.tw-section-header{margin-bottom:3rem;text-align:center}.tw-section-header h2{color:#18181b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tw-section-header p{color:#71717a;font-size:1.125rem}.tw-services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.tw-service-card{background:#fafafa;border-radius:16px;padding:2rem;text-align:center;transition:all .2s}.tw-service-card:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-4px)}.tw-service-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.tw-service-card h3{color:#18181b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tw-service-card p{color:#71717a;font-size:.9375rem;margin-bottom:1rem}.tw-learn-more{align-items:center;background:#0000;border:none;color:#3b82f6;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem}.tw-areas{background:#fafafa}.tw-areas-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tw-area-tag{align-items:center;background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000000d;color:#52525b;display:flex;font-size:.9375rem;gap:.5rem;padding:.75rem 1.25rem}.tw-area-tag svg{color:#3b82f6;color:var(--primary)}.tw-testimonials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.tw-testimonial-card{background:#fafafa;border-radius:16px;padding:2rem}.tw-stars{display:flex;gap:.25rem;margin-bottom:1rem}.tw-testimonial-card p{color:#52525b;font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.tw-customer-name{color:#18181b;font-size:.875rem;font-weight:600}.tw-cta{background:linear-gradient(135deg,#3b82f6,var(--secondary));background:linear-gradient(135deg,var(--primary),var(--secondary));padding:5rem 0;text-align:center}.tw-cta h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.tw-cta p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.tw-cta-buttons{display:flex;gap:1rem;justify-content:center}.tw-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .2s}.tw-btn-primary{background:#fff;color:#3b82f6;color:var(--primary)}.tw-btn-primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tw-btn-secondary{background:#fff3;color:#fff}.tw-btn-secondary:hover{background:#ffffff4d}.tw-tracking-result{background:#fafafa;border-radius:16px;margin:3rem auto 0;max-width:700px;overflow:hidden}.tw-result-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem}.tw-result-info{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.tw-tracking-number{color:#18181b;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600}.tw-status-badge{border-radius:50px;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.tw-status-badge.in-transit{background:#dbeafe;color:#1d4ed8}.tw-route-info{align-items:center;color:#52525b;display:flex;font-size:.9375rem;gap:.75rem;margin-bottom:.5rem}.tw-route-info svg{color:#a1a1aa}.tw-eta{align-items:center;color:#71717a;display:flex;font-size:.875rem;gap:.5rem}.tw-timeline{padding:1.5rem}.tw-timeline-item{display:flex;gap:1rem;padding-bottom:1.5rem;position:relative}.tw-timeline-item:not(:last-child):before{background:#e5e7eb;bottom:0;content:"";left:11px;position:absolute;top:24px;width:2px}.tw-timeline-item.completed:before{background:#3b82f6;background:var(--primary)}.tw-timeline-marker{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.tw-timeline-item.completed .tw-timeline-marker{background:#3b82f6;background:var(--primary);color:#fff}.tw-marker-dot{background:#a1a1aa;border-radius:50%;height:8px;width:8px}.tw-timeline-content{flex:1 1}.tw-step-status{color:#18181b;display:block;font-weight:600;margin-bottom:.25rem}.tw-step-date{color:#71717a;display:block;font-size:.875rem}.tw-step-location{color:#a1a1aa;display:block;font-size:.8125rem}.tw-pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.tw-pricing-card{background:#fff;border-radius:16px;border-top:4px solid;box-shadow:0 4px 20px #0000000d;padding:2rem;text-align:center}.tw-tier-badge{border-radius:50px;color:#fff;display:inline-block;font-size:.8125rem;font-weight:600;margin-bottom:1rem;padding:.375rem 1rem}.tw-weight-range{color:#71717a;font-size:.9375rem;margin-bottom:.5rem}.tw-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.tw-currency{color:#71717a;font-size:1rem}.tw-amount{color:#18181b;font-size:2.5rem;font-weight:700}.tw-unit{color:#71717a;font-size:1rem}.tw-pricing-calculator{background:#fafafa;border-radius:16px;margin:0 auto 3rem;max-width:500px;padding:2rem}.tw-pricing-calculator h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.tw-calculator-form{align-items:flex-end;display:flex;gap:1rem}.tw-calc-input{flex:1 1}.tw-calc-input label{color:#71717a;display:block;font-size:.875rem;margin-bottom:.5rem}.tw-calc-input input{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;width:100%}.tw-calc-result{background:#3b82f6;background:var(--primary);border-radius:8px;padding:.75rem 1.5rem;text-align:center}.tw-calc-result span:first-child{color:#fffc;display:block;font-size:.75rem;margin-bottom:.25rem}.tw-calc-amount{color:#fff;font-size:1.25rem;font-weight:700}.tw-pricing-notes{background:#fafafa;border-radius:12px;margin:0 auto;max-width:500px;padding:1.5rem}.tw-pricing-notes h4{font-size:1rem;font-weight:600;margin-bottom:.75rem}.tw-pricing-notes ul{list-style:none;padding:0}.tw-pricing-notes li{border-bottom:1px solid #e5e7eb;color:#52525b;font-size:.9375rem;padding:.5rem 0}.tw-pricing-notes li:last-child{border-bottom:none}.tw-services-detailed{display:flex;flex-direction:column;gap:1.5rem}.tw-service-detail-card{background:#fafafa;border-radius:16px;display:flex;gap:2rem;padding:2rem}.tw-service-icon-large{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.tw-service-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.tw-service-info p{color:#52525b;font-size:1rem;margin-bottom:1rem}.tw-service-features{display:flex;gap:1rem;list-style:none;padding:0}.tw-service-features li{align-items:center;color:#52525b;display:flex;font-size:.875rem;gap:.375rem}.tw-service-features svg{color:#84cc16}.tw-faq-list{margin:0 auto;max-width:700px}.tw-faq-item{background:#fafafa;border-radius:12px;cursor:pointer;margin-bottom:.75rem;overflow:hidden}.tw-faq-question{align-items:center;color:#18181b;display:flex;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem}.tw-faq-icon{color:#71717a;transition:transform .2s}.tw-faq-item.expanded .tw-faq-icon{transform:rotate(180deg)}.tw-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}.tw-faq-item.expanded .tw-faq-answer{max-height:200px}.tw-faq-answer p{color:#52525b;line-height:1.6;padding:0 1.5rem 1.25rem}.tw-contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr}.tw-contact-info{display:flex;flex-direction:column;gap:1.5rem}.tw-contact-item{display:flex;gap:1rem}.tw-contact-item svg{color:#3b82f6;color:var(--primary);flex-shrink:0}.tw-contact-item h4{color:#18181b;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.tw-contact-item p{color:#52525b;font-size:.9375rem}.tw-social-links{display:flex;gap:.75rem;margin-top:1rem}.tw-social-link{align-items:center;background:#f4f4f5;border-radius:50%;color:#52525b;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.tw-social-link:hover{background:#3b82f6;background:var(--primary);color:#fff}.tw-social-link.whatsapp:hover{background:#25d366}.tw-contact-form{background:#fafafa;border-radius:16px;padding:2rem}.tw-contact-form h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.tw-contact-form form{display:flex;flex-direction:column;gap:1rem}.tw-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.tw-contact-form input,.tw-contact-form textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:border-color .2s;width:100%}.tw-contact-form input:focus,.tw-contact-form textarea:focus{border-color:#3b82f6;border-color:var(--primary);outline:none}.tw-contact-form .tw-btn{align-self:flex-start;margin-top:.5rem}.tw-footer{background:#18181b;color:#fff;padding:4rem 0 2rem}.tw-footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1.5fr;margin-bottom:3rem}.tw-footer-brand .tw-logo{color:#fff;margin-bottom:.75rem}.tw-footer-brand p{color:#a1a1aa;font-size:.9375rem}.tw-footer-contact h4,.tw-footer-links h4{font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.tw-footer-links button{background:#0000;border:none;color:#a1a1aa;cursor:pointer;display:block;font-size:.9375rem;padding:.375rem 0;text-align:left}.tw-footer-links button:hover{color:#fff}.tw-footer-contact p{align-items:center;color:#a1a1aa;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.tw-footer-contact svg{color:#71717a}.tw-footer-bottom{border-top:1px solid #27272a;color:#71717a;display:flex;font-size:.875rem;justify-content:space-between;padding-top:2rem}@media (max-width:1024px){.tw-pricing-grid,.tw-services-grid,.tw-testimonials-grid{grid-template-columns:repeat(2,1fr)}.tw-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.tw-nav{background:#fff;border-bottom:1px solid #e5e7eb;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:70px}.tw-nav.open{display:flex}.tw-mobile-menu{display:block}.tw-phone{display:none}.tw-hero h1{font-size:2rem}.tw-tracking-form{border-radius:16px;flex-direction:column}.tw-track-btn{border-radius:0 0 16px 16px;justify-content:center}.tw-contact-grid,.tw-footer-grid,.tw-pricing-grid,.tw-services-grid,.tw-testimonials-grid{grid-template-columns:1fr}.tw-footer-grid{gap:2rem}.tw-footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.tw-service-detail-card{text-align:center}.tw-service-detail-card,.tw-service-features{align-items:center;flex-direction:column}.branding-grid{grid-template-columns:1fr}.branding-card.full-width{grid-column:span 1}.templates-grid{grid-template-columns:1fr}}.tenant-packages-page{padding:0}.packages-stats-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.stat-chip{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:20px;color:#f8fafc;color:var(--text-main);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.stat-chip.gray{background:#9ca3af26;color:#9ca3af}.stat-chip.blue{background:#3b82f626;color:#3b82f6}.stat-chip.cyan{background:#06b6d426;color:#06b6d4}.stat-chip.lime{background:#84cc1626;color:#84cc16}.stat-chip.amber{background:#f59e0b26;color:#f59e0b}.packages-toolbar{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.filter-dropdown{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .75rem}.filter-dropdown select{background:#0000;border:none;color:#f8fafc;color:var(--text-main);cursor:pointer;font-size:.875rem}.packages-table-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.packages-table-card .table-header{background:#1e293b;background:var(--bg-surface);color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.packages-table-card .table-header,.packages-table-card .table-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:40px 2fr 1.5fr 1fr 100px 1fr 100px 100px;padding:.875rem 1rem}.packages-table-card .table-row{align-items:center;transition:background .2s}.packages-table-card .table-row:hover{background:#1e293b;background:var(--bg-surface)}.packages-table-card .table-row.selected{background:#8b5cf61a}.checkbox-cell{align-items:center;display:flex}.checkbox-cell input[type=checkbox]{accent-color:#a855f7;accent-color:var(--accent-purple);height:16px;width:16px}.tracking-cell{display:flex;flex-direction:column;gap:.25rem}.tracking-number{color:#f8fafc;color:var(--text-main);font-size:.875rem}.bolt-number,.tracking-number{font-family:JetBrains Mono,monospace}.bolt-number{color:#64748b;color:var(--text-dim);font-size:.75rem}.customer-cell{display:flex;flex-direction:column;gap:.25rem}.customer-status{align-items:center;display:inline-flex;font-size:.7rem;font-weight:500;gap:.25rem}.customer-status.matched{color:#84cc16}.customer-status.unmatched{color:#f59e0b}.manifest-cell,.source-cell,.weight-cell{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.actions-cell{display:flex;gap:.5rem}.action-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.375rem;transition:all .2s}.action-btn:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.spinning{animation:spin 1s linear infinite}.package-detail-modal .status-hero{align-items:center;border-radius:10px;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.status-hero.gray{background:#9ca3af26;color:#9ca3af}.status-hero.blue{background:#3b82f626;color:#3b82f6}.status-hero.cyan{background:#06b6d426;color:#06b6d4}.status-hero.lime{background:#84cc1626;color:#84cc16}.status-hero.purple{background:#8b5cf626;color:#8b5cf6}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:#64748b;color:var(--text-dim);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.detail-item{flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem}.detail-item .value{font-size:.9375rem}.detail-item .value.mono{font-family:JetBrains Mono,monospace}.detail-item .value.matched{color:#84cc16}.detail-item .value.unmatched{color:#f59e0b}.match-btn{margin-top:1rem}.bulk-modal .bulk-count{color:#64748b;color:var(--text-dim);font-size:.9375rem;margin-bottom:1.5rem}.selected-packages{margin-top:1.5rem}.selected-packages h4{color:#64748b;color:var(--text-dim);font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.package-chips{display:flex;flex-wrap:wrap;gap:.5rem}.package-chip{background:#1e293b;background:var(--bg-surface);border-radius:6px;color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.375rem .75rem}.package-chip.more{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.import-modal .upload-zone{align-items:center;background:#1e293b;background:var(--bg-surface);border:2px dashed #94a3b81a;border:2px dashed var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;padding:3rem 2rem;transition:all .2s}.import-modal .upload-zone:hover{background:#8b5cf60d;border-color:#a855f7;border-color:var(--accent-purple)}.import-modal .upload-zone svg{color:#64748b;color:var(--text-dim);margin-bottom:1rem}.import-modal .upload-zone h4{color:#f8fafc;color:var(--text-main);margin-bottom:.25rem}.import-modal .upload-zone p{color:#64748b;color:var(--text-dim);font-size:.875rem}.import-modal .upload-zone .formats{color:#94a3b8;color:var(--text-muted);font-size:.75rem;margin-top:.75rem}.import-info h4{color:#64748b;color:var(--text-dim);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.import-info ul{list-style:none;padding:0}.import-info li{color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:.5rem 0}.import-info code{background:#1e293b;background:var(--bg-surface);border-radius:4px;color:#06b6d4;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;padding:.125rem .375rem}.tenant-intake-page{padding:0}.intake-session-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.session-info h2{color:#f8fafc;color:var(--text-main);font-size:1.5rem;font-weight:600;margin:.5rem 0 .25rem}.session-info .manifest-code{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.875rem}.session-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.375rem .75rem}.session-badge.active{background:#84cc1626;color:#84cc16}.session-actions{display:flex;gap:.75rem}.intake-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.intake-stats-row .stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.intake-stats-row .stat-card svg{color:#64748b;color:var(--text-dim)}.intake-stats-row .stat-card.matched svg{color:#84cc16}.intake-stats-row .stat-card.unmatched svg{color:#f59e0b}.intake-stats-row .stat-content{display:flex;flex-direction:column}.intake-stats-row .stat-value{color:#f8fafc;color:var(--text-main);font-size:1.25rem;font-weight:700}.intake-stats-row .stat-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.scanner-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 300px;margin-bottom:1.5rem}.scanner-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.scanner-header{align-items:flex-start;margin-bottom:1.5rem}.scanner-title{gap:1rem}.scanner-title svg{color:#a855f7;color:var(--accent-purple)}.scanner-title h3{font-size:1.125rem;margin-bottom:.25rem}.scanner-subtitle{color:#64748b;color:var(--text-dim);font-size:.875rem}.scanner-controls{display:flex;gap:.75rem}.sound-toggle{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.5rem;transition:all .2s}.sound-toggle.active,.sound-toggle:hover{background:#8b5cf626;border-color:#a855f7;border-color:var(--accent-purple);color:#a855f7;color:var(--accent-purple)}.scan-mode-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.scan-mode-btn:hover{background:var(--bg-hover)}.scan-mode-btn.active{background:#84cc1626;border-color:#84cc16;color:#84cc16}.scanner-input-form,.scanner-input-wrapper{display:flex;gap:.75rem}.scanner-input-wrapper{align-items:center;background:#1e293b;background:var(--bg-surface);border:2px solid #94a3b81a;border:2px solid var(--border-subtle);border-radius:10px;flex:1 1;padding:.875rem 1rem;transition:all .2s}.scanner-input-wrapper:focus-within{border-color:#a855f7;border-color:var(--accent-purple)}.scanner-input-wrapper.active{background:#84cc160d;border-color:#84cc16}.scanner-input-wrapper svg{color:#64748b;color:var(--text-dim)}.scanner-input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-family:JetBrains Mono,monospace;font-size:1rem}.scanner-input::placeholder{color:#94a3b8;color:var(--text-muted)}.clear-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.25rem}.clear-btn:hover{color:#f8fafc;color:var(--text-main)}.scan-btn{gap:.5rem;padding:0 1.5rem}.scan-btn,.scan-result{align-items:center;display:flex}.scan-result{animation:slideIn .3s ease;border-radius:10px;gap:1rem;margin-top:1rem;padding:1rem 1.25rem}.scan-result.success{background:#84cc161a;border:1px solid #84cc164d}.scan-result.error{background:#ef44441a;border:1px solid #ef44444d}.scan-result .result-icon svg{color:#84cc16}.scan-result.error .result-icon svg{color:#ef4444}.result-content{flex:1 1}.result-title{color:#f8fafc;color:var(--text-main);display:block;font-weight:600;margin-bottom:.25rem}.result-details{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.result-details .separator{color:#64748b;color:var(--text-dim);margin:0 .5rem}.result-warning{align-items:center;background:#f59e0b26;border-radius:6px;color:#f59e0b;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.recent-sessions-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem}.recent-sessions-card h3{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:1rem}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-item{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s}.session-item:hover{background:var(--bg-hover)}.session-item.in_progress{border-left:3px solid #84cc16}.session-item.completed{border-left:3px solid #64748b;border-left:3px solid var(--text-dim)}.session-item-info{align-items:center;display:flex;gap:.5rem}.session-item-info svg{color:#64748b;color:var(--text-dim)}.session-date{color:#f8fafc;color:var(--text-main);font-size:.875rem}.session-item-stats{align-items:center;display:flex;gap:.75rem}.package-count{color:#64748b;color:var(--text-dim);font-size:.75rem}.status-dot{height:8px;width:8px}.status-dot.in_progress{background:#84cc16}.status-dot.completed{background:#64748b;background:var(--text-dim)}.scanned-packages-section{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.section-header{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;padding:1rem 1.25rem}.section-header h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.section-actions{display:flex;gap:.5rem}.scanned-packages-table .table-header{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.scanned-packages-table .table-header,.scanned-packages-table .table-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:1.5fr 1fr 1.5fr 80px 100px 100px 80px;padding:.75rem 1.25rem}.scanned-packages-table .table-row{align-items:center}.scanned-packages-table .table-row:hover{background:#1e293b;background:var(--bg-surface)}.scanned-packages-table .bolt-number,.scanned-packages-table .tracking{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8125rem}.scanned-packages-table .customer{align-items:center;display:flex;gap:.375rem}.scanned-packages-table .customer,.scanned-packages-table .weight{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.match-status{align-items:center;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem}.match-status.matched{color:#84cc16}.match-status.unmatched{color:#f59e0b}.scanned-packages-table .timestamp{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.8125rem}.scanned-packages-table .actions{display:flex;gap:.375rem}.scanned-packages-table .action-btn.view:hover{color:#a855f7;color:var(--accent-purple)}.scanned-packages-table .action-btn.delete:hover{color:#ef4444}.scanned-packages-table .empty-state{align-items:center;color:#64748b;color:var(--text-dim);display:flex;flex-direction:column;padding:4rem 2rem}.scanned-packages-table .empty-state svg{margin-bottom:1rem;opacity:.5}.scanned-packages-table .empty-state h4{color:#94a3b8;color:var(--text-muted);margin-bottom:.5rem}.scanned-packages-table .empty-state p,.warning-box{font-size:.875rem}.warning-box{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;display:flex;gap:.75rem;padding:.875rem 1rem}.tenant-bom-page{padding:0}.page-header-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-content h2{color:#f8fafc;color:var(--text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.header-content p{color:#64748b;color:var(--text-dim);font-size:.875rem}.bom-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.bom-stats-grid .stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.bom-stats-grid .stat-card svg{color:#64748b;color:var(--text-dim)}.bom-stats-grid .stat-card.blue svg{color:#3b82f6}.bom-stats-grid .stat-card.lime svg{color:#84cc16}.bom-stats-grid .stat-card.purple svg{color:#8b5cf6}.bom-stats-grid .stat-content{display:flex;flex-direction:column}.bom-stats-grid .stat-value{color:#f8fafc;color:var(--text-main);font-size:1.25rem;font-weight:700}.bom-stats-grid .stat-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.bom-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.bom-list{display:flex;flex-direction:column;gap:1rem}.bom-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.bom-card.in_progress{border-left:4px solid #3b82f6}.bom-card.completed{border-left:4px solid #84cc16}.bom-card.invoiced{border-left:4px solid #8b5cf6}.bom-card-main{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:1.5fr 2fr 1fr;padding:1.25rem}.bom-info{display:flex;flex-direction:column;gap:.75rem}.bom-code-section{align-items:flex-start;display:flex;gap:.75rem}.bom-code-section svg{color:#a855f7;color:var(--accent-purple);margin-top:.125rem}.bom-code{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}.bom-code-section .manifest-code{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.bom-meta{display:flex;gap:1rem}.meta-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.meta-item svg{color:#64748b;color:var(--text-dim)}.bom-stats{display:flex;gap:1.5rem}.bom-stat{align-items:center;display:flex;gap:.5rem}.bom-stat svg{color:#64748b;color:var(--text-dim)}.bom-stat.linked svg{color:#84cc16}.bom-stat.unlinked svg{color:#f59e0b}.bom-stat>div{display:flex;flex-direction:column}.bom-stat .stat-value{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.bom-stat .stat-label{color:#64748b;color:var(--text-dim);font-size:.6875rem}.bom-status-section{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.invoice-ref{color:#a855f7;color:var(--accent-purple);font-family:JetBrains Mono,monospace;font-size:.75rem}.bom-card-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:0 1.25rem 1.25rem}.bom-detail-modal.large{max-width:900px;width:90%}.modal-tabs{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:.5rem;padding:0 1.5rem}.modal-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.875rem 1rem;transition:all .2s}.modal-tabs .tab:hover{color:#f8fafc;color:var(--text-main)}.modal-tabs .tab.active{border-bottom-color:#a855f7;border-bottom-color:var(--accent-purple);color:#a855f7;color:var(--accent-purple)}.packages-tab,.summary-tab{padding:1.5rem}.packages-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.search-box.small{max-width:200px;padding:.5rem .75rem}.search-box.small input{font-size:.8125rem}.filter-chips{display:flex;gap:.5rem}.filter-chips .chip{background:#1e293b;background:var(--bg-surface);border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.375rem .75rem}.filter-chips .chip.active,.filter-chips .chip:hover{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.packages-table .table-header{background:#1e293b;background:var(--bg-surface);border-radius:8px 8px 0 0;color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.packages-table .table-header,.packages-table .table-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 80px 100px 100px;padding:.75rem 1rem}.packages-table .table-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle)}.packages-table .mono{font-family:JetBrains Mono,monospace;font-size:.8125rem}.link-status{align-items:center;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem}.link-status.linked{color:#84cc16}.link-status.unlinked{color:#f59e0b}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.summary-card{background:#1e293b;background:var(--bg-surface);padding:1.25rem}.summary-card.full-width{grid-column:span 2}.summary-card h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:1rem}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-item{justify-content:space-between}.info-item .label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.info-item .value{color:#f8fafc;color:var(--text-main);font-size:.875rem}.modal-content .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-box{background:#0f172a;background:var(--bg-card);border-radius:8px;padding:1rem;text-align:center}.stat-box .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-size:1.25rem;font-weight:700}.stat-box .stat-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.stat-box.lime{background:#84cc161a}.stat-box.lime .stat-value{color:#84cc16}.stat-box.amber{background:#f59e0b1a}.stat-box.amber .stat-value{color:#f59e0b}.notes-text{color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.6}.tenant-invoice-system{padding:0}.invoice-summary-grid{margin-bottom:1.5rem}.invoice-summary-grid .summary-card{min-width:0;overflow:hidden}.invoice-summary-grid .summary-card.total{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--bg-card),var(--bg-surface));border:1px solid #94a3b81a;border:1px solid var(--border-subtle)}.invoice-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.invoices-list.expandable{display:flex;flex-direction:column;gap:.75rem}.invoices-list.expandable .invoice-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all .2s}.invoices-list.expandable .invoice-card.expanded{border-color:#a855f7;border-color:var(--accent-purple)}.invoices-list.expandable .invoice-card-main{grid-gap:1rem;align-items:center;cursor:pointer;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1fr 1.5fr 40px;padding:1rem 1.25rem;transition:background .2s}.invoices-list.expandable .invoice-card-main:hover{background:#1e293b;background:var(--bg-surface)}.invoices-list.expandable .invoice-id-section{align-items:center;display:flex;gap:.75rem}.invoices-list.expandable .invoice-id-section svg{color:#a855f7;color:var(--accent-purple)}.invoices-list.expandable .invoice-id{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:600}.invoices-list.expandable .invoice-customer{color:#64748b;color:var(--text-dim);display:block;font-size:.8125rem}.invoices-list.expandable .invoice-dates{display:flex;flex-direction:column;gap:.25rem}.invoices-list.expandable .date-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.invoices-list.expandable .date-item svg{color:#64748b;color:var(--text-dim)}.invoices-list.expandable .invoice-bom{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.invoices-list.expandable .invoice-bom svg{color:#64748b;color:var(--text-dim)}.invoices-list.expandable .invoice-amount-section{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.invoices-list.expandable .invoice-amount{color:#f8fafc;color:var(--text-main);font-size:1.125rem;font-weight:700}.discount-badge{align-items:center;background:#84cc161a;border-radius:4px;color:#84cc16;display:inline-flex;font-size:.6875rem;font-weight:500;gap:.25rem;padding:.125rem .5rem}.expand-btn{border-radius:6px;padding:.375rem;transition:all .2s}.expand-btn:hover{color:#f8fafc;color:var(--text-main)}.expand-btn:hover,.invoice-card-expanded{background:#1e293b;background:var(--bg-surface)}.invoice-card-expanded{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:1rem 1.25rem}.line-items-section{margin-bottom:1.5rem}.line-items-section h4{font-size:.8125rem;letter-spacing:.5px;margin-bottom:.75rem}.line-items-section h4,.line-items-table .table-header{color:#64748b;color:var(--text-dim);font-weight:600;text-transform:uppercase}.line-items-table .table-header{background:#0f172a;background:var(--bg-card);border-radius:6px 6px 0 0;font-size:.6875rem}.line-items-table .table-header,.line-items-table .table-row{display:grid;grid-template-columns:2fr 80px 100px 80px 100px;padding:.625rem 1rem}.line-items-table .table-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.tier-badge{border-radius:4px;font-size:.6875rem;padding:.125rem .5rem}.tier-badge.lime{background:#84cc1626;color:#84cc16}.tier-badge.cyan{background:#06b6d426;color:#06b6d4}.tier-badge.blue{background:#3b82f626;color:#3b82f6}.tier-badge.purple{background:#8b5cf626;color:#8b5cf6}.invoice-totals{align-items:flex-end;display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem;padding:1rem 0}.invoice-totals .total-row{display:flex;font-size:.875rem;gap:2rem;justify-content:space-between}.invoice-totals .total-row span:first-child{color:#64748b;color:var(--text-dim)}.invoice-totals .total-row span:last-child{color:#f8fafc;color:var(--text-main);font-weight:500}.invoice-totals .total-row.discount span:last-child{color:#84cc16}.invoice-totals .total-row.final{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding-top:.5rem}.invoice-totals .total-row.final span{font-size:1rem;font-weight:700}.invoice-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.pricing-modal .pricing-description{color:#94a3b8;color:var(--text-muted);font-size:.9375rem;margin-bottom:1.5rem}.pricing-tiers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.tier-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1.25rem;text-align:center;transition:all .2s}.tier-card:hover{transform:translateY(-2px)}.tier-card.lime{border-top:3px solid #84cc16}.tier-card.cyan{border-top:3px solid #06b6d4}.tier-card.blue{border-top:3px solid #3b82f6}.tier-card.purple{border-top:3px solid #8b5cf6}.tier-header{margin-bottom:.75rem}.tier-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.tier-rate{margin-bottom:.75rem}.tier-rate .rate-value{color:#f8fafc;color:var(--text-main);display:block;font-size:1.5rem;font-weight:700}.tier-rate .rate-unit{color:#64748b;color:var(--text-dim);font-size:.75rem}.tier-range{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.75rem;gap:.375rem;justify-content:center}.pricing-example{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1.25rem}.pricing-example h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:1rem}.example-box{display:flex;flex-direction:column;gap:.5rem}.example-row{display:flex;font-size:.875rem;justify-content:space-between}.example-row span:first-child{color:#64748b;color:var(--text-dim)}.example-row span:last-child{color:#f8fafc;color:var(--text-main)}.example-row.total{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);font-weight:600;margin-top:.25rem;padding-top:.5rem}.create-invoice-modal.large{max-width:700px}.form-row{grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-row.three{grid-template-columns:repeat(3,1fr)}.auto-generate-section{margin:1.5rem 0}.info-box{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;color:#a855f7;color:var(--accent-purple);display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem}.invoice-detail-modal.large{max-width:800px}.invoice-header-section{grid-gap:2rem;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1.5fr;margin-bottom:1.5rem;padding:1.5rem}.invoice-from h4,.invoice-to h4{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.invoice-from .company-name,.invoice-to .customer-name{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.invoice-from .dim,.invoice-to .dim{color:#64748b;color:var(--text-dim);font-size:.875rem}.invoice-meta{display:flex;flex-direction:column;gap:.5rem}.meta-row{display:flex;font-size:.875rem;justify-content:space-between}.meta-row span:first-child{color:#64748b;color:var(--text-dim)}.meta-row span:last-child{color:#f8fafc;color:var(--text-main)}.invoice-line-items{margin-bottom:1.5rem}.invoice-line-items .line-item-header{background:#1e293b;background:var(--bg-surface);border-radius:8px 8px 0 0;color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;text-transform:uppercase}.invoice-line-items .line-item,.invoice-line-items .line-item-header{display:grid;grid-template-columns:2fr 80px 100px 80px 100px;padding:.75rem 1rem}.invoice-line-items .line-item{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);font-size:.875rem}.invoice-totals-section{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.totals-box{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1rem 1.25rem;width:280px}.totals-box .total-row{display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.totals-box .total-row span:first-child{color:#64748b;color:var(--text-dim)}.totals-box .total-row span:last-child{color:#f8fafc;color:var(--text-main)}.totals-box .total-row.discount .negative{color:#84cc16}.totals-box .total-row.grand-total{border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);margin-top:.5rem;padding-top:.75rem}.totals-box .total-row.grand-total span{font-size:1rem;font-weight:700}.invoice-notes{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1rem 1.25rem}.invoice-notes h4{color:#64748b;color:var(--text-dim);font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.invoice-notes p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.5}@media (max-width:1200px){.scanner-section{grid-template-columns:1fr}.recent-sessions-card{display:none}.bom-card-main{gap:1rem;grid-template-columns:1fr}.bom-stats{flex-wrap:wrap}.pricing-tiers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.bom-stats-grid,.intake-stats-row,.invoice-summary-grid{grid-template-columns:repeat(2,1fr)}.packages-table-card .table-header,.packages-table-card .table-row{grid-template-columns:40px 1.5fr 1fr 80px 80px}.packages-table-card .actions-cell,.packages-table-card .manifest-cell,.packages-table-card .source-cell{display:none}.invoices-list.expandable .invoice-card-main{grid-template-columns:1fr 1fr 40px}.invoices-list.expandable .invoice-bom,.invoices-list.expandable .invoice-dates{display:none}}@media (max-width:768px){.intake-session-header{flex-direction:column}.session-actions{width:100%}.session-actions .btn{flex:1 1}.scanner-input-form{flex-direction:column}.scan-btn{justify-content:center;padding:.75rem;width:100%}}.platform-billing-page{padding:0}.billing-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.billing-stats-grid .stat-card{align-items:flex-start;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.billing-stats-grid .stat-card.highlight{background:linear-gradient(135deg,#84cc161a,#06b6d40d);border-color:#84cc164d}.billing-stats-grid .stat-card.warning{background:#f59e0b1a;border-color:#f59e0b4d}.billing-stats-grid .stat-icon{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:12px;color:#64748b;color:var(--text-dim);display:flex;height:48px;justify-content:center;width:48px}.billing-stats-grid .stat-card.highlight .stat-icon{background:#84cc1626;color:#84cc16}.billing-stats-grid .stat-card.warning .stat-icon{background:#f59e0b26;color:#f59e0b}.billing-stats-grid .stat-content{display:flex;flex-direction:column}.billing-stats-grid .stat-value{color:#f8fafc;color:var(--text-main);font-size:1.5rem;font-weight:700}.billing-stats-grid .stat-label{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-bottom:.25rem}.billing-stats-grid .stat-change{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem}.billing-stats-grid .stat-change.positive{color:#84cc16}.billing-stats-grid .stat-sub{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.billing-tabs{background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.5rem}.billing-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.billing-tabs .tab-btn:hover{background:var(--bg-hover);color:#f8fafc;color:var(--text-main)}.billing-tabs .tab-btn.active{background:#0f172a;background:var(--bg-card);color:#a855f7;color:var(--accent-purple)}.billing-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.overview-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1.25rem}.overview-card.full-width{grid-column:span 2}.overview-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.overview-card h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.week-label{background:#0f172a;background:var(--bg-card);border-radius:4px;color:#64748b;color:var(--text-dim);font-size:.75rem;padding:.25rem .5rem}.summary-stats{display:flex;flex-direction:column;gap:.75rem}.summary-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.summary-row span:first-child{color:#94a3b8;color:var(--text-muted)}.summary-row .value{color:#f8fafc;color:var(--text-main);font-weight:500}.summary-row.total{border-bottom:none;margin-top:.25rem;padding-top:.75rem}.summary-row.total span:first-child{color:#f8fafc;color:var(--text-main);font-weight:600}.summary-row.total .value{color:#84cc16;font-size:1rem;font-weight:700}.schedule-info{display:flex;flex-direction:column;gap:1rem}.schedule-item{background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.schedule-item svg{color:#64748b;color:var(--text-dim)}.schedule-item.highlight{background:#8b5cf61a}.schedule-item.highlight svg{color:#a855f7;color:var(--accent-purple)}.schedule-label{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.schedule-value{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:500}.top-tenants-list{display:flex;flex-direction:column;gap:.75rem}.top-tenant-item{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;gap:1rem;padding:.75rem}.top-tenant-item .rank{color:#64748b;color:var(--text-dim);font-size:.875rem;font-weight:700;width:24px}.top-tenant-item .tenant-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.tenant-prefix{border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.top-tenant-item .tenant-name{color:#f8fafc;color:var(--text-main);font-weight:500}.top-tenant-item .tenant-stats{display:flex;gap:1.5rem;text-align:right}.top-tenant-item .packages{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.top-tenant-item .amount{color:#84cc16;font-weight:600}.tenants-toolbar{margin-bottom:1rem}.tenants-table .table-header{background:#1e293b;background:var(--bg-surface);border-radius:8px 8px 0 0;color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;padding:.75rem 1rem;text-transform:uppercase}.tenants-table .table-header,.tenants-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 1fr}.tenants-table .table-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);padding:1rem}.tenants-table .table-row:hover{background:#1e293b;background:var(--bg-surface)}.tenant-cell{align-items:center;display:flex;gap:.75rem}.tenant-prefix-badge{background:#a855f7;background:var(--accent-purple);border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:.375rem .625rem}.tenant-cell .tenant-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:500}.tenant-cell .tenant-id{color:#64748b;color:var(--text-dim);display:block;font-size:.75rem}.rate-cell{display:flex;flex-direction:column;gap:.25rem}.rate-value{color:#f8fafc;color:var(--text-main);font-weight:600}.rate-badge{font-size:.625rem;padding:.125rem .375rem}.rate-badge.global{background:#6b728026;color:#6b7280}.rate-badge.custom{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.packages-cell{display:flex;flex-direction:column}.packages-value{color:#f8fafc;color:var(--text-main);font-weight:600}.packages-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.charges-cell .charges-value{color:#84cc16;font-weight:600}.status-cell{display:flex;flex-direction:column;gap:.25rem}.payment-status{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem}.payment-status.current{color:#84cc16}.payment-status.overdue{color:#ef4444}.last-payment{color:#64748b;color:var(--text-dim);font-size:.6875rem}.invoices-tab .invoices-list{display:flex;flex-direction:column;gap:.75rem}.invoices-tab .invoice-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;overflow:hidden}.invoices-tab .invoice-card.paid{border-left:4px solid #84cc16}.invoices-tab .invoice-card.pending{border-left:4px solid #f59e0b}.invoices-tab .invoice-main{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 1.25rem}.invoices-tab .invoice-info{display:flex;flex-direction:column}.invoices-tab .invoice-id{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-weight:600}.invoices-tab .invoice-week{color:#64748b;color:var(--text-dim);font-size:.8125rem}.invoices-tab .invoice-stats{display:flex;flex-direction:column;gap:.25rem}.invoices-tab .invoice-stats .stat{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.invoices-tab .invoice-stats .stat.amount{color:#f8fafc;color:var(--text-main);font-weight:600}.invoices-tab .invoice-status-section{display:flex;flex-direction:column;gap:.25rem}.invoices-tab .invoice-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.invoices-tab .invoice-status.paid{background:#84cc1626;color:#84cc16}.invoices-tab .invoice-status.pending{background:#f59e0b26;color:#f59e0b}.invoices-tab .status-date{color:#64748b;color:var(--text-dim);font-size:.75rem}.invoices-tab .invoice-actions{display:flex;gap:.5rem;padding:0 1.25rem 1rem}.settings-tab{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background:#1e293b;background:var(--bg-surface);border-radius:10px;padding:1.5rem}.settings-header{margin-bottom:1.5rem}.settings-header h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:.25rem}.settings-header p{color:#64748b;color:var(--text-dim);font-size:.875rem}.rate-setting{background:#0f172a;background:var(--bg-card);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.rate-display{align-items:center;display:flex;justify-content:space-between}.current-rate{align-items:baseline;display:flex;gap:.5rem}.rate-amount{color:#84cc16;font-size:2.5rem;font-weight:700}.rate-unit{color:#64748b;color:var(--text-dim);font-size:1rem}.rate-edit-form{display:flex;flex-direction:column;gap:1rem}.rate-input-group{align-items:center;display:flex;gap:.5rem}.rate-input-group .currency{font-weight:600}.rate-input-group .currency,.rate-input-group input{color:#f8fafc;color:var(--text-main);font-size:1.5rem}.rate-input-group input{background:#1e293b;background:var(--bg-surface);border:2px solid #94a3b81a;border:2px solid var(--border-subtle);border-radius:8px;font-weight:700;padding:.75rem 1rem;width:120px}.rate-input-group input:focus{border-color:#a855f7;border-color:var(--accent-purple);outline:none}.rate-input-group .unit{color:#64748b;color:var(--text-dim);font-size:1rem}.rate-actions{display:flex;gap:.75rem}.rate-impact{background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:8px;padding:1rem}.rate-impact h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.rate-impact p{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-bottom:1rem}.impact-preview{display:flex;flex-direction:column;gap:.5rem}.impact-item{display:flex;font-size:.875rem;justify-content:space-between}.impact-item .label{color:#94a3b8;color:var(--text-muted)}.impact-item .value{color:#f8fafc;color:var(--text-main);font-weight:600}.impact-item.projected .value{color:#84cc16}.custom-rates-list{display:flex;flex-direction:column;gap:.75rem}.custom-rate-item{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.custom-rate-item .tenant-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.custom-rate-item .rate-info{align-items:flex-end;display:flex;flex-direction:column}.custom-rate-item .custom-rate{color:#f8fafc;color:var(--text-main);font-weight:700}.custom-rate-item .rate-diff .discount{color:#84cc16;font-size:.75rem}.custom-rate-item .rate-diff .premium{color:#f59e0b;font-size:.75rem}.tenant-billing-modal .tenant-summary{grid-gap:1rem;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;padding:1rem}.tenant-billing-modal .summary-item{display:flex;flex-direction:column}.tenant-billing-modal .summary-item .label{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-bottom:.25rem}.tenant-billing-modal .summary-item .value{color:#f8fafc;color:var(--text-main);font-weight:600}.tenant-billing-modal .summary-item .value.status.current{color:#84cc16}.tenant-billing-modal .summary-item .value.status.overdue{color:#ef4444}.rate-section{margin-bottom:1.5rem}.rate-section h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:1rem}.rate-options{display:flex;flex-direction:column;gap:.75rem}.rate-option{align-items:flex-start;background:#1e293b;background:var(--bg-surface);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem}.rate-option input[type=radio]{margin-top:.125rem}.option-content{flex:1 1}.option-label{color:#f8fafc;color:var(--text-main);display:block;font-weight:500;margin-bottom:.25rem}.option-value{color:#64748b;color:var(--text-dim);font-size:.875rem}.custom-rate-input{align-items:center;display:flex;gap:.25rem;margin-top:.5rem}.custom-rate-input input{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:4px;color:#f8fafc;color:var(--text-main);font-weight:600;padding:.375rem .5rem;width:80px}.custom-rate-input span{color:#64748b;color:var(--text-dim);font-size:.875rem}.billing-history h4{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:#1e293b;background:var(--bg-surface);border-radius:6px;display:grid;font-size:.8125rem;grid-template-columns:1.5fr 1fr 1fr 80px;padding:.75rem}.history-item .week{color:#f8fafc;color:var(--text-main)}.history-item .amount,.history-item .packages{color:#94a3b8;color:var(--text-muted)}.history-item .status{font-weight:600;text-align:right}.history-item .status.paid{color:#84cc16}.tenant-billing-page{padding:0}.billing-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.billing-page-header .header-content h2{color:#f8fafc;color:var(--text-main);font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.billing-page-header .header-content p{color:#64748b;color:var(--text-dim);font-size:.875rem}.rate-info-card{background:linear-gradient(135deg,#84cc161a,#06b6d40d);border:1px solid #84cc1633;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.rate-info-card .rate-display{align-items:center;display:flex;gap:1.25rem;margin-bottom:1rem}.rate-info-card .rate-icon{align-items:center;background:#84cc1626;border-radius:12px;color:#84cc16;display:flex;height:56px;justify-content:center;width:56px}.rate-info-card .rate-details{display:flex;flex-direction:column}.rate-info-card .rate-label{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-bottom:.25rem}.rate-info-card .rate-amount{align-items:baseline;display:flex;gap:.5rem}.rate-info-card .rate-amount .amount{color:#84cc16;font-size:2rem;font-weight:700}.rate-info-card .rate-amount .unit{color:#64748b;color:var(--text-dim);font-size:.875rem}.rate-info-card .rate-badge{border-radius:4px;display:inline-block;font-size:.6875rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem}.rate-info-card .rate-badge.standard{background:#6b728026;color:#6b7280}.rate-info-card .rate-badge.custom{background:#8b5cf626;color:#a855f7;color:var(--accent-purple)}.rate-info-card .rate-info-text p{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;line-height:1.5}.current-week-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.current-week-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.current-week-card .header-left{display:flex;gap:.75rem}.current-week-card .header-left svg{color:#a855f7;color:var(--accent-purple)}.current-week-card .header-left h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600;margin-bottom:.125rem}.current-week-card .week-range{color:#64748b;color:var(--text-dim);font-size:.8125rem}.status-badge.pending{background:#f59e0b26;border-radius:20px;color:#f59e0b;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.week-stats{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem;padding:1.5rem}.week-stats .stat-item{align-items:center;display:flex;gap:.75rem}.week-stats .stat-item svg{color:#64748b;color:var(--text-dim)}.week-stats .stat-item.total svg{color:#84cc16}.week-stats .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-size:1.25rem;font-weight:700}.week-stats .stat-item.total .stat-value{color:#84cc16}.week-stats .stat-label{color:#64748b;color:var(--text-dim);font-size:.6875rem}.week-stats .stat-divider{color:#64748b;color:var(--text-dim);font-size:1.5rem}.week-timeline{display:flex;gap:1.5rem;margin-bottom:1rem}.week-timeline .timeline-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.5rem}.week-timeline .timeline-item svg{color:#64748b;color:var(--text-dim)}.breakdown-toggle{align-items:center;background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;padding:.5rem 1rem;transition:all .2s}.breakdown-toggle:hover{color:#f8fafc;color:var(--text-main)}.breakdown-toggle:hover,.daily-breakdown{background:#1e293b;background:var(--bg-surface)}.daily-breakdown{border-radius:8px;margin-top:1rem;padding:1rem}.daily-breakdown .breakdown-header{color:#64748b;color:var(--text-dim);font-size:.6875rem;font-weight:600;text-transform:uppercase}.daily-breakdown .breakdown-header,.daily-breakdown .breakdown-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:.5rem 0}.daily-breakdown .breakdown-row{font-size:.8125rem}.daily-breakdown .breakdown-row .date{color:#f8fafc;color:var(--text-main)}.daily-breakdown .breakdown-row .packages{color:#94a3b8;color:var(--text-muted)}.daily-breakdown .breakdown-row .amount{color:#f8fafc;color:var(--text-main);font-weight:500}.daily-breakdown .breakdown-total{color:#f8fafc;color:var(--text-main);display:grid;font-weight:600;grid-template-columns:1.5fr 1fr 1fr;padding:.75rem 0 .25rem}.billing-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.tenant-billing-page .billing-stats-row .stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:1rem;padding:1rem 1.25rem}.tenant-billing-page .billing-stats-row .stat-card svg{color:#64748b;color:var(--text-dim)}.tenant-billing-page .billing-stats-row .stat-value{color:#f8fafc;color:var(--text-main);display:block;font-size:1.125rem;font-weight:700}.tenant-billing-page .billing-stats-row .stat-label{color:#64748b;color:var(--text-dim);font-size:.75rem}.billing-history-section{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.billing-history-section .section-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.billing-history-section .section-header h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.billing-history-section .history-list{padding:.5rem}.history-card{background:#1e293b;background:var(--bg-surface);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.history-card-main{align-items:center;cursor:pointer;display:grid;grid-template-columns:2fr .75fr .75fr 1fr 100px 40px;padding:1rem;transition:background .2s}.history-card-main:hover{background:var(--bg-hover)}.history-card .invoice-info{align-items:center;display:flex;gap:.75rem}.history-card .invoice-info svg{color:#64748b;color:var(--text-dim)}.history-card .invoice-id{color:#f8fafc;color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.history-card .invoice-week{color:#64748b;color:var(--text-dim);font-size:.75rem}.history-card .invoice-amount,.history-card .invoice-packages,.history-card .invoice-rate{text-align:center}.history-card .value{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.history-card .label{color:#64748b;color:var(--text-dim);font-size:.6875rem}.history-card .invoice-amount .value{color:#84cc16}.history-card .invoice-status{text-align:center}.history-card .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.history-card .status-badge.paid{background:#84cc1626;color:#84cc16}.history-card .status-badge.pending{background:#f59e0b26;color:#f59e0b}.history-card .expand-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-dim);cursor:pointer;padding:.375rem}.history-card .expand-btn:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.history-card-expanded{background:#0f172a;background:var(--bg-card);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:1rem}.expanded-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.expanded-details .detail-row{display:flex;flex-direction:column}.expanded-details .label{color:#64748b;color:var(--text-dim);font-size:.6875rem;margin-bottom:.25rem}.expanded-details .value{color:#f8fafc;color:var(--text-main);font-size:.875rem}.expanded-actions{display:flex;gap:.5rem}.payment-info-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.payment-info-card .info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.payment-info-card .info-header svg{color:#a855f7;color:var(--accent-purple)}.payment-info-card .info-header h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.payment-info-card .info-content p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.bank-details{background:#1e293b;background:var(--bg-surface);border-radius:8px;padding:1rem}.bank-details .detail-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.5rem 0}.bank-details .detail-row:last-child{border-bottom:none}.bank-details .label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.bank-details .value{color:#f8fafc;color:var(--text-main);font-size:.875rem}.bank-details .value.mono{font-family:JetBrains Mono,monospace}@media (max-width:768px){.billing-stats-grid{grid-template-columns:repeat(2,1fr)}.billing-tabs{overflow-x:auto}.billing-tabs .tab-btn span{display:none}.overview-grid{grid-template-columns:1fr}.overview-card.full-width{grid-column:span 1}.tenants-table .table-header,.tenants-table .table-row{grid-template-columns:1.5fr 1fr 1fr}.tenants-table .table-header span:nth-child(4),.tenants-table .table-header span:nth-child(5),.tenants-table .table-row .charges-cell,.tenants-table .table-row .status-cell{display:none}.invoices-tab .invoice-main{gap:.75rem;grid-template-columns:1fr 1fr}.invoices-tab .invoice-stats{display:none}.week-stats{flex-direction:column;gap:1rem}.week-stats .stat-divider{display:none}.week-timeline{flex-direction:column;gap:.5rem}.billing-stats-row{grid-template-columns:1fr}.history-card-main{grid-template-columns:1fr 1fr 40px}.history-card .invoice-packages,.history-card .invoice-rate,.history-card .invoice-status{display:none}.expanded-details{grid-template-columns:1fr}.bank-details .detail-row{flex-direction:column;gap:.25rem}.scanned-packages-table .table-header,.scanned-packages-table .table-row{grid-template-columns:1fr 80px 80px}.scanned-packages-table .bolt-number,.scanned-packages-table .customer,.scanned-packages-table .timestamp{display:none}.page-header-section{flex-direction:column;gap:1rem}.page-header-section .btn{width:100%}.invoice-header-section{gap:1rem}.form-row,.invoice-header-section{grid-template-columns:1fr}}#emergent-badge,a[href*="emergent.sh"],div[style*="Made with Emergent"]{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.manifest-detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.manifest-detail-modal .modal-header{align-items:flex-start;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.manifest-detail-modal .modal-title-section{display:flex;flex-direction:column;gap:.5rem}.manifest-detail-modal .modal-title-section h3{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:600}.manifest-detail-modal .modal-badges{display:flex;gap:.5rem}.manifest-detail-modal .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.manifest-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.manifest-summary .summary-card{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:1rem}.manifest-summary .summary-card svg{color:#64748b;color:var(--text-dim)}.manifest-summary .summary-card .value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.manifest-summary .summary-card .label{color:#64748b;color:var(--text-dim);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.manifest-summary .summary-card.highlight{background:#84cc161a;border-color:#84cc1633}.manifest-summary .summary-card.highlight .value,.manifest-summary .summary-card.highlight svg{color:#84cc16;color:var(--accent-lime)}.bag-type-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.bag-type-summary .type-stat{align-items:center;background:#1e293b;background:var(--bg-surface);border-left:3px solid #94a3b81a;border-left:3px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;justify-content:space-between;padding:.75rem 1rem}.bag-type-summary .type-stat.dedicated{border-left-color:#60a5fa;border-left-color:var(--primary-glow)}.bag-type-summary .type-stat.mixed{border-left-color:#f59e0b;border-left-color:var(--accent-amber)}.bag-type-summary .type-stat.singles{border-left-color:#a855f7;border-left-color:var(--accent-purple)}.bag-type-summary .type-label{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.bag-type-summary .type-value{font-size:1.25rem;font-weight:700}.bag-type-summary .type-value,.bags-section h4{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif}.bags-section h4{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.bags-list{display:flex;flex-direction:column;gap:.75rem}.bag-detail-card{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all .2s}.bag-detail-card.dedicated{border-left:3px solid #60a5fa;border-left:3px solid var(--primary-glow)}.bag-detail-card.mixed{border-left:3px solid #f59e0b;border-left:3px solid var(--accent-amber)}.bag-detail-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.bag-detail-card .bag-header{grid-gap:1rem;align-items:center;cursor:default;display:grid;gap:1rem;grid-template-columns:2fr 1.5fr 1.5fr 2fr auto;padding:1rem 1.25rem}.bag-detail-card.mixed .bag-header{cursor:pointer}.bag-detail-card .bag-info{align-items:center;display:flex;gap:.75rem}.bag-detail-card .bag-index{align-items:center;background:#334155;background:var(--bg-elevated);border-radius:8px;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.bag-detail-card .bag-code-section{display:flex;flex-direction:column;gap:.25rem}.bag-detail-card .bag-code{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.bag-detail-card .bag-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.125rem .5rem;width:-webkit-fit-content;width:fit-content}.bag-detail-card .bag-type-badge.dedicated{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.bag-detail-card .bag-type-badge.mixed{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.bag-detail-card .bag-tenant{align-items:center;display:flex}.bag-detail-card .tenant-name{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600}.bag-detail-card .mixed-label{align-items:center;color:#f59e0b;color:var(--accent-amber);display:flex;font-size:.875rem;font-weight:600;gap:.375rem}.bag-detail-card .bag-stats{display:flex;gap:1rem}.bag-detail-card .bag-stats .stat{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.bag-detail-card .bag-stats .stat svg{color:#64748b;color:var(--text-dim)}.bag-detail-card .bag-pricing{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.bag-detail-card .price-breakdown{display:flex;gap:.75rem}.bag-detail-card .price-item{color:#64748b;color:var(--text-dim);font-size:.7rem}.bag-detail-card .total-cost{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.bag-detail-card .expand-btn{align-items:center;background:#334155;background:var(--bg-elevated);border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.bag-detail-card .expand-btn:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.bag-detail-card .expand-btn.expanded{background:#f59e0b;background:var(--accent-amber);color:#1a1a1a;transform:rotate(90deg)}.mix-breakdown{background:#334155;background:var(--bg-elevated);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:1rem 1.25rem}.mix-breakdown .breakdown-header{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.mix-breakdown .breakdown-header,.mix-breakdown .breakdown-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle)}.mix-breakdown .breakdown-row{align-items:center;display:grid;grid-template-columns:2fr 1fr 1fr;padding:.625rem 0}.mix-breakdown .breakdown-row:last-child{border-bottom:none}.mix-breakdown .tenant-info{align-items:center;display:flex;gap:.75rem}.mix-breakdown .tenant-info .tenant-name{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600}.mix-breakdown .share-badge{background:#f59e0b26;border-radius:4px;color:#f59e0b;color:var(--accent-amber);font-size:.65rem;font-weight:700;padding:.125rem .5rem}.mix-breakdown .tenant-stats{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:1rem}.mix-breakdown .tenant-cost{text-align:right}.mix-breakdown .allocated-cost{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:700}.singles-section{margin-top:1.5rem;padding:1rem}.singles-section h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.singles-section .singles-note{color:#64748b;color:var(--text-dim);font-size:.8125rem}.manifest-detail-modal .modal-footer{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.value-cell{color:#84cc16;color:var(--accent-lime);font-family:JetBrains Mono,monospace;font-size:.8125rem}.action-btn.primary{background:#3b82f6;background:var(--primary);color:#fff}.action-btn.primary:hover{background:#60a5fa;background:var(--primary-glow)}@media (max-width:1024px){.manifest-summary{grid-template-columns:repeat(2,1fr)}.bag-detail-card .bag-header{gap:.75rem;grid-template-columns:1fr 1fr}.bag-detail-card .bag-pricing{align-items:center;flex-direction:row;grid-column:span 2;justify-content:space-between}}@media (max-width:768px){.manifest-detail-modal{border-radius:0;height:100%;max-height:100%;max-width:100%}.manifest-summary{gap:.75rem;grid-template-columns:1fr 1fr}.bag-type-summary{flex-direction:column;gap:.5rem}.bag-detail-card .bag-header{gap:.75rem;grid-template-columns:1fr}.bag-detail-card .bag-info,.bag-detail-card .bag-pricing,.bag-detail-card .bag-stats,.bag-detail-card .bag-tenant{justify-content:space-between}.bag-detail-card .bag-pricing{align-items:center;flex-direction:row}.bag-detail-card .expand-btn{position:absolute;right:1rem;top:1rem}.bag-detail-card.mixed .bag-header{position:relative}.mix-breakdown .breakdown-row{gap:.5rem;grid-template-columns:1fr}.mix-breakdown .tenant-cost{text-align:left}}.broadcast-page{padding:0}.broadcast-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.broadcast-page .page-header .header-left{align-items:center;display:flex;gap:1rem}.broadcast-page .page-header .header-icon{align-items:center;background:linear-gradient(135deg,#84cc16,#06b6d4);background:linear-gradient(135deg,var(--accent-lime),var(--accent-cyan));border-radius:14px;color:#1a1a1a;display:flex;height:56px;justify-content:center;width:56px}.broadcast-page .page-header .header-text h1{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.broadcast-page .page-header .header-text p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.broadcast-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.broadcast-stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.broadcast-stat-card .stat-icon-wrapper{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:12px;color:#64748b;color:var(--text-dim);display:flex;height:48px;justify-content:center;width:48px}.broadcast-stat-card.stat-green .stat-icon-wrapper{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.broadcast-stat-card.stat-blue .stat-icon-wrapper{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.broadcast-stat-card.stat-purple .stat-icon-wrapper{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.broadcast-stat-card .stat-content{display:flex;flex-direction:column}.broadcast-stat-card .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.broadcast-stat-card .stat-title{color:#64748b;color:var(--text-dim);font-size:.75rem}.broadcast-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.broadcast-tabs{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:.5rem;padding:1rem 1.25rem}.broadcast-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.broadcast-tabs .tab-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.broadcast-tabs .tab-btn.active{background:#3b82f6;background:var(--primary);color:#fff}.compose-section{padding:1.5rem}.compose-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.compose-panel{background:#1e293b;background:var(--bg-surface);border-radius:12px;padding:1.25rem}.compose-panel h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1rem}.compose-panel h4{color:#94a3b8;color:var(--text-muted);font-size:.875rem;font-weight:600;margin-bottom:.75rem}.compose-panel .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.compose-panel .panel-header h3{margin-bottom:0}.selection-actions{display:flex;gap:.75rem}.templates-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.template-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;transition:all .2s}.template-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.template-card.selected{background:#3b82f61a;border-color:#3b82f6;border-color:var(--primary)}.template-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.template-icon.operational{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.template-icon.billing{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.template-icon.general{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.template-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:600}.template-category{border-radius:4px;font-size:.65rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.template-category.operational{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.template-category.billing{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.template-category.general{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.message-section{margin-bottom:1.25rem}.message-preview{background:#334155;background:var(--bg-elevated);border-radius:8px;color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.5;padding:1rem}.message-textarea{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-main);font-size:.875rem;outline:none;padding:1rem;resize:none;width:100%}.message-textarea:focus{border-color:#3b82f6;border-color:var(--primary)}.channels-section h4{margin-top:1rem}.channels-grid{display:flex;gap:.75rem}.channel-btn{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;position:relative;transition:all .2s}.channel-btn:hover{border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main)}.channel-btn.active{background:#84cc161a;border-color:#84cc16;border-color:var(--accent-lime);color:#84cc16;color:var(--accent-lime)}.channel-btn .check-icon{position:absolute;right:.5rem;top:.5rem}.tenant-filters{display:flex;gap:.75rem;margin-bottom:.75rem}.tenant-filters .search-input{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;gap:.5rem;padding:.5rem .75rem}.tenant-filters .search-input svg{color:#64748b;color:var(--text-dim)}.tenant-filters .search-input input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none}.tenant-filters .status-filter{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.selection-info{margin-bottom:.75rem}.selected-count{align-items:center;color:#84cc16;color:var(--accent-lime);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem}.tenant-list{border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;max-height:350px;overflow-y:auto}.tenant-select-item{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s}.tenant-select-item:last-child{border-bottom:none}.tenant-select-item:hover{background:#334155;background:var(--bg-elevated)}.tenant-select-item.selected{background:#84cc161a}.tenant-checkbox{align-items:center;border:2px solid #94a3b81a;border:2px solid var(--border-subtle);border-radius:6px;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.tenant-select-item.selected .tenant-checkbox{background:#84cc16;background:var(--accent-lime);border-color:#84cc16;border-color:var(--accent-lime);color:#1a1a1a}.tenant-select-item .tenant-info{display:flex;flex:1 1;flex-direction:column}.tenant-select-item .tenant-name{color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:600}.tenant-packages,.tenant-select-item .tenant-contact{color:#64748b;color:var(--text-dim);font-size:.75rem}.tenant-packages{align-items:center;display:flex;gap:.25rem}.tenant-status{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem}.tenant-status.active{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.tenant-status.inactive{background:#94a3b826;color:#64748b;color:var(--text-dim)}.compose-footer{align-items:center;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.send-summary{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.send-summary strong{color:#f8fafc;color:var(--text-main)}.btn-send{align-items:center;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn-send:disabled{cursor:not-allowed;opacity:.5}.history-section{padding:0}.history-header{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);display:grid;font-size:.7rem;font-weight:600;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr;letter-spacing:.05em;padding:.75rem 1.25rem;text-transform:uppercase}.history-list{max-height:400px;overflow-y:auto}.history-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr;padding:1rem 1.25rem}.history-row:last-child{border-bottom:none}.history-template{color:#f8fafc;color:var(--text-main);font-weight:600}.history-recipients{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.history-channels{display:flex;gap:.5rem}.channel-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:uppercase}.channel-badge.sms{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.channel-badge.whatsapp{background:#22c55e26;color:#22c55e}.channel-badge.email{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.history-time{color:#64748b;color:var(--text-dim);font-size:.8125rem}.history-status{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;text-transform:capitalize}.history-status.delivered{color:#84cc16;color:var(--accent-lime)}.history-status.partial{color:#f59e0b;color:var(--accent-amber)}.confirm-dialog{max-width:480px}.confirm-summary{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.confirm-item{background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.confirm-item .label{color:#64748b;color:var(--text-dim);font-size:.875rem}.confirm-item .value{color:#f8fafc;color:var(--text-main);font-weight:600}.message-preview-box{background:#1e293b;background:var(--bg-surface);border-radius:8px;margin-bottom:1rem;padding:1rem}.message-preview-box h4{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.message-preview-box p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;line-height:1.5}.confirm-warning{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;color:var(--accent-amber);display:flex;font-size:.8125rem;gap:.5rem;padding:.75rem 1rem}.quick-actions-section.enhanced{margin-top:2rem}.quick-actions-section.enhanced .section-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:1rem}.quick-actions-section.enhanced .section-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.quick-actions-section.enhanced .section-subtitle{color:#64748b;color:var(--text-dim);font-size:.8125rem}.quick-actions-grid.enhanced{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quick-actions-grid.enhanced .quick-action-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .2s}.quick-actions-grid.enhanced .quick-action-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.quick-actions-grid.enhanced .quick-action-card.primary{background:linear-gradient(135deg,#84cc1626,#3b82f626);border-color:#84cc164d}.quick-actions-grid.enhanced .quick-action-card.primary:hover{border-color:#84cc16;border-color:var(--accent-lime)}.quick-actions-grid.enhanced .action-icon{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:12px;color:#64748b;color:var(--text-dim);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-actions-grid.enhanced .quick-action-card.primary .action-icon{background:#84cc16;background:var(--accent-lime);color:#1a1a1a}.quick-actions-grid.enhanced .action-content{display:flex;flex:1 1;flex-direction:column}.quick-actions-grid.enhanced .action-title{color:#f8fafc;color:var(--text-main);font-weight:600}.quick-actions-grid.enhanced .action-desc{color:#64748b;color:var(--text-dim);font-size:.75rem}.quick-actions-grid.enhanced .action-arrow{color:#64748b;color:var(--text-dim)}@media (max-width:1024px){.broadcast-stats-grid{grid-template-columns:repeat(2,1fr)}.compose-grid{grid-template-columns:1fr}.quick-actions-grid.enhanced{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.broadcast-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.templates-grid{grid-template-columns:1fr}.channels-grid{flex-direction:column}.history-header,.history-row{gap:.5rem;grid-template-columns:1fr 1fr}.history-channels,.history-time{display:none}.compose-footer{flex-direction:column;gap:1rem}.send-summary{text-align:center}.btn-send{justify-content:center;width:100%}.quick-actions-grid.enhanced{grid-template-columns:1fr}}.finances-page{padding:0}.finances-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.finances-page .page-header .header-left{align-items:center;display:flex;gap:1rem}.finances-page .page-header .refresh-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.finances-page .page-header .header-text h1{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.finances-page .page-header .header-text p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.finances-page .header-actions{display:flex;gap:.75rem}.finances-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.finances-stat-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem}.finances-stat-card .stat-header{align-items:flex-start;display:flex;justify-content:space-between}.finances-stat-card .stat-info{display:flex;flex-direction:column}.finances-stat-card .stat-title{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.finances-stat-card .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;margin-top:.25rem}.finances-stat-card .stat-subtitle{color:#64748b;color:var(--text-dim);font-size:.75rem;margin-top:.25rem}.finances-stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.finances-stat-card .stat-icon.icon-yellow{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.finances-stat-card .stat-icon.icon-orange{background:#f9731626;color:#f97316}.finances-stat-card .stat-icon.icon-red{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.finances-stat-card .stat-icon.icon-green{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.finances-stat-card .stat-trend{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.finances-stat-card .stat-trend.trend-up{color:#84cc16;color:var(--accent-lime)}.finances-stat-card .stat-trend.trend-down{color:#f43f5e;color:var(--accent-rose)}.finances-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.finances-tabs{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.finances-tabs .tabs-list{display:flex;gap:.5rem}.finances-tabs .tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.finances-tabs .tab-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.finances-tabs .tab-btn.active{background:#3b82f6;background:var(--primary);color:#fff}.finances-tabs .tab-badge{background:#f43f5e26;border-radius:10px;color:#f43f5e;color:var(--accent-rose);font-size:.65rem;font-weight:700;padding:.125rem .5rem}.finances-tabs .tabs-actions{align-items:center;display:flex;gap:.75rem}.finances-tabs .filter-toggle{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.finances-tabs .filter-toggle button{background:#0000;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;font-size:.8125rem;padding:.5rem 1rem}.finances-tabs .filter-toggle button.active{background:#3b82f6;background:var(--primary);color:#fff}.finances-tabs .search-input{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .75rem}.finances-tabs .search-input input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);font-size:.875rem;outline:none;width:150px}.finances-tabs .search-input svg{color:#64748b;color:var(--text-dim)}.tab-content{padding:1.25rem}.invoices-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.invoice-card{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all .2s}.invoice-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.invoice-card-header{align-items:center;background:#334155;background:var(--bg-elevated);display:flex;justify-content:space-between;padding:1rem}.invoice-id-section{align-items:center;display:flex;gap:.75rem}.invoice-card .invoice-number{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:600}.invoice-card .invoice-status{align-items:center;border-radius:100px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.invoice-card .invoice-menu{position:relative}.invoice-card .menu-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;height:32px;width:32px}.invoice-card .menu-btn:hover{background:#0f172a;background:var(--bg-card);color:#f8fafc;color:var(--text-main)}.invoice-card .menu-dropdown{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.invoice-card .menu-dropdown button{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.625rem .875rem;text-align:left;width:100%}.invoice-card .menu-dropdown button:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.invoice-card .menu-dropdown button.delete-action{color:#f43f5e;color:var(--accent-rose)}.invoice-card .invoice-customer{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.invoice-card .customer-name{color:#f8fafc;color:var(--text-main);font-weight:600}.invoice-card .customer-tier{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.invoice-card .invoice-details{padding:0 1rem}.invoice-card .detail-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.375rem 0}.invoice-card .detail-row:last-child{border-bottom:none}.invoice-card .detail-label{color:#64748b;color:var(--text-dim);font-size:.8125rem}.invoice-card .detail-value{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.invoice-card .detail-row.discount .detail-value{color:#84cc16;color:var(--accent-lime)}.invoice-card .invoice-total{background:#334155;background:var(--bg-elevated);display:flex;justify-content:space-between;padding:.75rem 1rem}.invoice-card .total-label{color:#94a3b8;color:var(--text-muted);font-weight:600}.invoice-card .total-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.invoice-card .invoice-footer{align-items:center;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 1rem}.invoice-card .invoice-date{color:#64748b;color:var(--text-dim)}.invoice-card .invoice-date,.invoice-card .pay-btn{align-items:center;display:flex;font-size:.75rem;gap:.375rem}.invoice-card .pay-btn{background:#84cc16;background:var(--accent-lime);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-weight:600;padding:.375rem .75rem}.uninvoiced-section{background:#1e293b;background:var(--bg-surface);border-radius:12px;padding:1rem}.uninvoiced-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.uninvoiced-header .select-all{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;gap:.75rem}.uninvoiced-header .bulk-actions{align-items:center;display:flex;gap:1rem}.uninvoiced-header .selected-total{color:#f8fafc;color:var(--text-main);font-size:.875rem}.uninvoiced-table{margin-bottom:1rem}.uninvoiced-table .table-header{background:#334155;background:var(--bg-elevated);border-radius:8px 8px 0 0;color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.uninvoiced-row,.uninvoiced-table .table-header{display:grid;grid-template-columns:40px 1.5fr 1.5fr .75fr 1fr;padding:.75rem}.uninvoiced-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .2s}.uninvoiced-row:hover{background:#334155;background:var(--bg-elevated)}.uninvoiced-row.selected{background:#3b82f61a}.uninvoiced-row input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary)}.uninvoiced-tracking{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.8125rem}.uninvoiced-customer{color:#f8fafc;color:var(--text-main);font-size:.8125rem}.uninvoiced-weight{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.uninvoiced-rate{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8125rem}.uninvoiced-summary{background:#334155;background:var(--bg-elevated);border-radius:8px;display:flex;font-weight:600;justify-content:space-between;padding:1rem}.uninvoiced-summary span:first-child{color:#94a3b8;color:var(--text-muted)}.uninvoiced-summary .total-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem}.payments-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.payment-card{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem}.payment-header{gap:.75rem;margin-bottom:.75rem}.payment-header,.payment-icon{align-items:center;display:flex}.payment-icon{background:#84cc1626;border-radius:10px;color:#84cc16;color:var(--accent-lime);height:40px;justify-content:center;width:40px}.payment-info{display:flex;flex-direction:column}.payment-customer{color:#f8fafc;color:var(--text-main);font-weight:600}.payment-invoice{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.payment-amount{color:var(--accent-lime);font-size:1.5rem;margin-bottom:.5rem}.payment-meta{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;justify-content:space-between;text-transform:capitalize}.payment-reference{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem;margin-top:.5rem}.expenses-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.expense-card{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem}.expense-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.expense-category{border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;padding:.25rem .5rem}.expense-edit{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;height:28px;width:28px}.expense-edit:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.expense-description{color:#f8fafc;color:var(--text-main);font-weight:500;margin-bottom:.5rem}.expense-amount{color:#f43f5e;color:var(--accent-rose);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.expense-meta{font-size:.8125rem;justify-content:space-between}.empty-state,.expense-meta{color:#64748b;color:var(--text-dim);display:flex}.empty-state{align-items:center;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{color:#94a3b8;color:var(--text-muted);margin-bottom:1rem}.delivery-board-page{padding:0}.delivery-board-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.delivery-board-page .page-header .header-left{align-items:center;display:flex;gap:1rem}.delivery-board-page .page-header .header-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--accent-cyan));border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.delivery-board-page .page-header .header-text h1{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.delivery-board-page .page-header .header-text p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.delivery-board-page .header-actions{align-items:center;display:flex;gap:1rem}.delivery-board-page .view-toggle{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.delivery-board-page .view-toggle button{background:#0000;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;font-size:.8125rem;padding:.5rem 1rem}.delivery-board-page .view-toggle button.active{background:#3b82f6;background:var(--primary);color:#fff}.delivery-board-page .btn-refresh{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem 1rem}.delivery-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.delivery-stats .stat-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem 1.25rem;text-align:center}.delivery-stats .stat-label{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.delivery-stats .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700}.delivery-stats .stat-sub{color:#64748b;color:var(--text-dim);font-size:.75rem}.delivery-stats .stat-card.stat-orange .stat-value{color:#f59e0b;color:var(--accent-amber)}.delivery-stats .stat-card.stat-green .stat-value{color:#84cc16;color:var(--accent-lime)}.delivery-scanner{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.scanner-header{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:1rem 1.25rem}.scanner-header,.scanner-title{align-items:center;display:flex}.scanner-title{gap:.75rem}.scanner-icon{align-items:center;background:#3b82f626;border-radius:10px;color:#60a5fa;color:var(--primary-glow);display:flex;height:40px;justify-content:center;width:40px}.scanner-title h3{color:#f8fafc;color:var(--text-main);font-size:1rem;font-weight:600}.scanner-title p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.scanner-toggle{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.scanner-toggle.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.scanner-content{background:#1e293b;background:var(--bg-surface);padding:1rem 1.25rem}.scan-form{display:flex;gap:.75rem;margin-bottom:1rem}.scan-input-wrapper{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;gap:.75rem;padding:.75rem 1rem}.scan-input-wrapper svg{color:#64748b;color:var(--text-dim)}.scan-input-wrapper input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.9375rem;outline:none}.scan-form button[type=submit]{align-items:center;background:#84cc16;background:var(--accent-lime);border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.scan-form button[type=submit]:disabled{cursor:not-allowed;opacity:.5}.recent-scans h4{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.scans-list{display:flex;flex-direction:column;gap:.5rem}.scan-item{align-items:center;background:#0f172a;background:var(--bg-card);border-radius:6px;display:flex;justify-content:space-between;padding:.625rem .875rem}.scan-item.success{border-left:3px solid #84cc16;border-left:3px solid var(--accent-lime)}.scan-item.error{border-left:3px solid #f43f5e;border-left:3px solid var(--accent-rose)}.scan-info{align-items:center;display:flex;font-size:.8125rem;gap:.5rem}.scan-item.success .scan-info svg{color:#84cc16;color:var(--accent-lime)}.scan-item.error .scan-info svg{color:#f43f5e;color:var(--accent-rose)}.scan-tracking{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace}.scan-arrow{color:#64748b;color:var(--text-dim)}.scan-customer{color:#94a3b8;color:var(--text-muted)}.scan-time{color:#64748b;color:var(--text-dim);font-size:.75rem}.delivery-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.delivery-filters .search-input{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;gap:.75rem;padding:.625rem 1rem}.delivery-filters .search-input svg{color:#64748b;color:var(--text-dim)}.delivery-filters .search-input input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none}.delivery-filters .parish-filter{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 1rem}.kanban-board{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);min-height:500px}.delivery-column{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.delivery-column.column-ready{border-top:3px solid #60a5fa;border-top:3px solid var(--primary-glow)}.delivery-column.column-out{border-top:3px solid #f59e0b;border-top:3px solid var(--accent-amber)}.delivery-column.column-delivered{border-top:3px solid #84cc16;border-top:3px solid var(--accent-lime)}.column-header{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:1rem 1.25rem}.column-header,.column-title{align-items:center;display:flex}.column-title{color:#f8fafc;color:var(--text-main);font-weight:600;gap:.75rem}.column-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.column-ready .column-icon{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.column-out .column-icon{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.column-delivered .column-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.column-count{align-items:center;background:#334155;background:var(--bg-elevated);border-radius:8px;color:#f8fafc;color:var(--text-main);display:flex;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.column-content{flex:1 1;gap:.75rem;overflow-y:auto;padding:1rem}.column-content,.empty-column{display:flex;flex-direction:column}.empty-column{align-items:center;color:#64748b;color:var(--text-dim);justify-content:center;padding:2rem;text-align:center}.empty-column svg{margin-bottom:.5rem;opacity:.3}.column-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);font-size:.75rem;padding:.75rem 1.25rem;text-align:center}.column-footer,.delivery-card{background:#1e293b;background:var(--bg-surface)}.delivery-card{border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;transition:all .2s}.delivery-card:hover{border-color:#3b82f680;border-color:var(--border-active)}.delivery-card-content{padding:1rem}.delivery-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.delivery-header .customer-info{align-items:center;display:flex;gap:.5rem}.delivery-header .customer-name{color:#f8fafc;color:var(--text-main);font-weight:600}.delivery-header .pkg-count{background:#334155;background:var(--bg-elevated);border-radius:4px;color:#64748b;color:var(--text-dim);font-size:.7rem;padding:.125rem .375rem}.delivery-header .payment-badge{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem}.delivery-header .payment-badge.paid{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.delivery-header .payment-badge.cod{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.delivery-location{color:#94a3b8;color:var(--text-muted);margin-bottom:.5rem}.delivery-location,.delivery-phone{align-items:center;display:flex;font-size:.8125rem;gap:.375rem}.delivery-phone{color:#60a5fa;color:var(--primary-glow);margin-bottom:.75rem;text-decoration:none}.delivery-summary{color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:1rem;margin-bottom:.75rem}.delivery-summary span,.expand-btn{align-items:center;display:flex;gap:.25rem}.expand-btn{background:#0000;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;font-size:.75rem;padding:.375rem 0}.expand-btn .rotated{transform:rotate(90deg)}.delivery-actions{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.75rem}.delivery-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem;width:100%}.delivery-actions .btn-start{background:#3b82f6;background:var(--primary);color:#fff}.delivery-actions .btn-complete{background:#84cc16;background:var(--accent-lime);color:#1a1a1a}.delivered-badge{align-items:center;background:#84cc161a;border-radius:8px;color:#84cc16;color:var(--accent-lime);display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;margin-top:.75rem;padding:.625rem}.expanded-packages{background:#334155;background:var(--bg-elevated);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:.75rem 1rem}.package-item{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.5rem 0}.package-item:last-child{border-bottom:none}.package-info .tracking{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.75rem}.package-info .weight{color:#64748b;color:var(--text-dim);font-size:.7rem;margin-left:.5rem}.package-amount .amount{color:#f8fafc;color:var(--text-main);font-size:.8125rem}.package-amount .status{font-size:.65rem;margin-left:.375rem}.package-amount .status.paid{color:#84cc16;color:var(--accent-lime)}.package-amount .status.approved{color:#f59e0b;color:var(--accent-amber)}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dialog-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:440px;overflow:hidden;width:90%}.dialog-header{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:1.25rem 1.5rem}.dialog-header,.dialog-title{align-items:center;display:flex}.dialog-title{gap:.75rem}.dialog-title h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600}.dialog-title .pkg-badge{background:#1e293b;background:var(--bg-surface);border-radius:4px;color:#64748b;color:var(--text-dim);font-size:.7rem;padding:.25rem .5rem}.dialog-body{overflow-y:auto;padding:1.5rem}.customer-section{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.customer-section svg{color:#64748b;color:var(--text-dim)}.customer-section .customer-name{color:#f8fafc;color:var(--text-main);font-weight:600}.packages-list{margin-bottom:1rem}.package-row{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.5rem 0}.package-row .tracking{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.8125rem}.package-row .amount{color:#f8fafc;color:var(--text-main);font-size:.8125rem}.package-row .amount.cod{color:#f59e0b;color:var(--accent-amber)}.cod-section{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;margin-bottom:1rem;padding:1rem}.cod-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cod-header span:first-child{color:#94a3b8;color:var(--text-muted);font-weight:500}.cod-amount{color:#f59e0b;color:var(--accent-amber);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.payment-select{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#f8fafc;color:var(--text-main);font-size:.875rem;padding:.5rem .75rem;width:100%}.prepaid-badge{align-items:center;background:#84cc161a;border-radius:10px;color:#84cc16;color:var(--accent-lime);display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem}.prepaid-badge,.signature-section{margin-bottom:1rem}.signature-label{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.signature-label .required{color:#f43f5e;color:var(--accent-rose);font-size:.7rem}.signature-pad{position:relative}.signature-pad canvas{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;cursor:crosshair;height:120px;width:100%}.clear-signature{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:4px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.7rem;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.notes-section label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.875rem;margin-bottom:.5rem}.notes-section textarea{border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-main);font-size:.875rem;padding:.75rem;resize:none;width:100%}.dialog-footer,.notes-section textarea{background:#1e293b;background:var(--bg-surface)}.dialog-footer{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.btn-cancel{background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);font-weight:500}.btn-cancel,.btn-confirm{cursor:pointer;padding:.625rem 1.25rem}.btn-confirm{align-items:center;background:#84cc16;background:var(--accent-lime);border:none;border-radius:8px;color:#1a1a1a;display:flex;font-weight:600;gap:.5rem}.btn-confirm:disabled{cursor:not-allowed;opacity:.5}.clients-page{padding:0}.clients-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.clients-page .page-header .header-left{align-items:center;display:flex;gap:1rem}.clients-page .page-header .header-icon{align-items:center;background:linear-gradient(135deg,#a855f7,#3b82f6);background:linear-gradient(135deg,var(--accent-purple),var(--primary));border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.clients-page .page-header .header-text h1{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.clients-page .page-header .header-text p{color:#64748b;color:var(--text-dim);font-size:.8125rem}.clients-page .header-actions{display:flex;gap:.75rem}.clients-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.clients-stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem}.clients-stat-card .stat-content{display:flex;flex-direction:column}.clients-stat-card .stat-title{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.clients-stat-card .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;margin-top:.25rem}.clients-stat-card .stat-icon-wrapper{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:12px;color:#64748b;color:var(--text-dim);display:flex;height:48px;justify-content:center;width:48px}.clients-stat-card.stat-purple .stat-icon-wrapper{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.clients-stat-card.stat-yellow .stat-icon-wrapper{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.clients-stat-card.stat-blue .stat-icon-wrapper{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.clients-content{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.clients-toolbar{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.clients-toolbar .search-input{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;gap:.75rem;max-width:400px;padding:.625rem 1rem}.clients-toolbar .search-input svg{color:#64748b;color:var(--text-dim)}.clients-toolbar .search-input input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none}.clients-toolbar .toolbar-right{align-items:center;display:flex;gap:.75rem}.clients-toolbar .tier-filter{color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:.875rem;outline:none;padding:.625rem 1rem}.clients-toolbar .tier-filter,.clients-toolbar .view-toggle{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px}.clients-toolbar .view-toggle{display:flex;overflow:hidden}.clients-toolbar .view-toggle button{align-items:center;background:#0000;border:none;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:36px;justify-content:center;width:40px}.clients-toolbar .view-toggle button.active{background:#3b82f6;background:var(--primary);color:#fff}.clients-list-wrapper{padding:1.25rem}.clients-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.client-card{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .2s}.client-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.client-card-header{align-items:center;display:flex;gap:.75rem;padding:1rem}.client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--accent-cyan));border-radius:12px;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.client-avatar.small{border-radius:10px;font-size:1rem;height:40px;width:40px}.client-card .client-info{flex:1 1}.client-card .client-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:600}.client-card .client-id{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.client-card .client-menu{position:relative}.client-card .menu-btn{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;height:32px;width:32px}.client-card .menu-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.client-card .menu-dropdown{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.client-card .menu-dropdown button{align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.625rem .875rem;text-align:left;width:100%}.client-card .menu-dropdown button:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.client-card .menu-dropdown button.delete-action{color:#f43f5e;color:var(--accent-rose)}.client-contact{padding:0 1rem}.contact-item{align-items:center;color:#94a3b8;color:var(--text-muted);font-size:.8125rem;gap:.5rem;padding:.25rem 0}.contact-item svg{color:#64748b;color:var(--text-dim);flex-shrink:0}.contact-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-footer{align-items:center;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;margin-top:.5rem;padding:.75rem 1rem}.tier-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.375rem;padding:.25rem .625rem}.tier-badge.tier-free,.tier-badge.tier-standard{background:#94a3b826;color:#64748b;color:var(--text-dim)}.tier-badge.tier-gold{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.tier-badge.tier-diamond{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.tier-badge.tier-business{background:#f9731626;color:#f97316}.tier-badge.tier-business-premium{background:#f59e0b26;color:#d97706}.tier-badge.tier-platinum{background:#a855f726;color:#a855f7;color:var(--accent-purple)}.tier-badge.tier-enterprise{background:#6366f126;color:#818cf8}.tier-badge.tier-elite{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.tier-badge.tier-executive{background:#10b98126;color:#10b981}.shipment-count{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;gap:.375rem}.clients-list{border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.clients-list .list-header{background:#334155;background:var(--bg-elevated);color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}.client-list-row,.clients-list .list-header{display:grid;grid-template-columns:50px 1.5fr 1.5fr 1fr 1fr 100px 50px}.client-list-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);cursor:pointer;padding:.875rem 1rem;transition:background .2s}.client-list-row:last-child{border-bottom:none}.client-list-row:hover{background:#1e293b;background:var(--bg-surface)}.client-name-col{display:flex;flex-direction:column}.client-list-row .client-name{color:#f8fafc;color:var(--text-main);font-weight:600}.client-list-row .client-id{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.7rem}.client-email-col,.client-parish-col,.client-phone-col{color:#94a3b8;color:var(--text-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-list-row .tier-badge .tier-label{display:none}.client-list-row .client-menu{position:relative}.client-detail-modal{max-width:500px}.client-profile-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.profile-avatar{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--accent-cyan));border-radius:16px;color:#fff;font-size:1.5rem;font-weight:600;height:64px;width:64px}.profile-avatar.large{font-size:2rem;height:80px;width:80px}.profile-info h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600}.profile-info .profile-id{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.8125rem}.profile-badges{display:flex;gap:.5rem;margin-top:.5rem}.verified-badge{background:#84cc1626;color:var(--accent-lime)}.unverified-badge,.verified-badge{border-radius:4px;font-weight:600;padding:.25rem .5rem}.unverified-badge{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber);display:inline-flex;font-size:.65rem}.client-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.detail-item{align-items:flex-start;background:#1e293b;background:var(--bg-surface);border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.detail-item svg{color:#64748b;color:var(--text-dim);margin-top:.125rem}.detail-item .label{color:#64748b;color:var(--text-dim);display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.detail-item .value{color:#f8fafc;color:var(--text-main);font-size:.875rem}.client-stats-section{display:flex;gap:1rem}.mini-stat{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:10px;display:flex;flex:1 1;gap:.75rem;padding:1rem}.mini-stat svg{color:#64748b;color:var(--text-dim)}.mini-stat .value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.mini-stat .label{color:#64748b;color:var(--text-dim);font-size:.7rem}.client-form-modal{max-width:480px}.delete-confirm-modal strong{color:#f8fafc;color:var(--text-main)}.btn-danger{align-items:center;background:#f43f5e;background:var(--accent-rose);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem}@media (max-width:1024px){.clients-stats-grid,.delivery-stats,.finances-stats-grid{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:1fr}.delivery-column{max-height:400px}}@media (max-width:768px){.clients-page .page-header,.delivery-board-page .page-header,.finances-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.clients-page .header-actions,.delivery-board-page .header-actions,.finances-page .header-actions{justify-content:flex-end;width:100%}.finances-tabs{align-items:flex-start;flex-direction:column;gap:1rem}.finances-tabs .tabs-list{overflow-x:auto;width:100%}.finances-tabs .tabs-actions{justify-content:space-between;width:100%}.clients-toolbar{flex-direction:column;gap:1rem}.clients-toolbar .search-input{max-width:none;width:100%}.clients-toolbar .toolbar-right{justify-content:space-between;width:100%}.client-list-row,.clients-list .list-header{grid-template-columns:40px 1fr 80px 40px}.client-email-col,.client-parish-col,.client-phone-col{display:none}.client-details-grid{grid-template-columns:1fr}}.manifest-modal-clean{background:#0f172a;background:var(--bg-card);border-radius:12px;display:flex;flex-direction:column;height:90vh;max-height:900px;max-width:1200px;overflow:hidden;width:96%}.clean-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:1.25rem;padding:.75rem 1rem}.clean-header .header-main{align-items:center;display:flex;gap:1rem}.clean-header h2{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:600;margin:0}.clean-header .header-badges{display:flex;gap:.5rem}.clean-header .badge-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem;text-transform:capitalize}.clean-header .badge-status.processed{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.clean-header .badge-status.pending{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.clean-header .badge-invoiced{align-items:center;background:#3b82f626;border-radius:4px;color:#60a5fa;color:var(--primary-glow);display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.clean-header .header-stats{display:flex;gap:1.5rem;margin-left:auto;margin-right:.5rem}.clean-header .h-stat{text-align:center}.clean-header .h-stat .h-value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.clean-header .h-stat .h-label{color:#64748b;color:var(--text-dim);font-size:.625rem;letter-spacing:.04em;text-transform:uppercase}.clean-header .h-stat.highlight .h-value{color:#84cc16;color:var(--accent-lime)}.clean-body{display:flex;flex:1 1;overflow:hidden}.courier-sidebar{background:#1e293b;background:var(--bg-surface);border-right:1px solid #94a3b81a;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:.5rem 0;width:200px}.courier-sidebar .sidebar-title{color:#64748b;color:var(--text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.08em;margin-bottom:.25rem;padding:.25rem .75rem;text-transform:uppercase}.courier-search{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#64748b;color:var(--text-dim);display:flex;gap:.4rem;margin:0 .5rem .5rem;padding:.35rem .6rem;transition:border-color .2s}.courier-search:focus-within{border-color:#60a5fa;border-color:var(--primary-glow)}.courier-search input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);font-size:.75rem;outline:none;width:100%}.courier-search input::placeholder{color:#64748b;color:var(--text-dim);opacity:.6}.courier-tab{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:.5rem;padding:.4rem .75rem;position:relative;text-align:left;transition:all .15s;width:100%}.courier-tab.active,.courier-tab:hover{background:#0f172a;background:var(--bg-card)}.courier-tab.active:before{background:#3b82f6;background:var(--tab-color,var(--primary));bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.courier-tab .tab-indicator{border-radius:50%;flex-shrink:0;height:6px;width:6px}.courier-tab .tab-indicator.kpl{background:#f59e0b;background:var(--accent-amber)}.courier-tab .tab-info{flex:1 1;min-width:0}.courier-tab .tab-name{color:#f8fafc;color:var(--text-main);display:block;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courier-tab .tab-count{color:#64748b;color:var(--text-dim);font-size:.6875rem}.courier-tab .tab-total{color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem}.courier-tab.active .tab-total{color:#3b82f6;color:var(--tab-color,var(--primary));font-weight:600}.courier-tab.kpl.active:before{background:#f59e0b;background:var(--accent-amber)}.courier-tab.kpl .tab-total{color:#f59e0b;color:var(--accent-amber)}.singles-info{align-items:center;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;gap:.5rem;margin-top:auto;padding:.5rem .75rem}.singles-info svg{height:14px;width:14px}.bags-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.content-toolbar{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.5rem 1rem}.search-simple{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;display:flex;gap:.5rem;padding:.375rem .625rem;width:220px}.search-simple input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.8125rem;outline:none}.search-simple svg{color:#64748b;color:var(--text-dim);flex-shrink:0;height:14px;width:14px}.content-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.875rem;font-weight:600}.content-title .title-count{color:#64748b;color:var(--text-dim);font-weight:400;margin-left:.25rem}.bags-table-wrapper{flex:1 1;overflow-y:auto;padding:0 1rem}.bags-table-clean{border-collapse:collapse;width:100%}.bags-table-clean th{background:#0f172a;background:var(--bg-card);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.04em;padding:.5rem .625rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.bags-table-clean th.right{text-align:right}.bags-table-clean td{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);font-size:.875rem;padding:.5rem .625rem;vertical-align:middle}.bags-table-clean tbody tr:hover{background:#1e293b;background:var(--bg-surface)}.bags-table-clean .col-collection .collection-num{color:#06b6d4;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500}.bags-table-clean .col-code{align-items:center;display:flex;gap:.5rem}.bags-table-clean .bag-code{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.8125rem}.bags-table-clean .mix-badge{align-items:center;background:#f59e0b26;border-radius:4px;color:#f59e0b;color:var(--accent-amber);display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.125rem .375rem}.bags-table-clean .tenant-name{color:#94a3b8;color:var(--text-muted);font-size:.8125rem}.bags-table-clean .tenant-mixed{color:#f59e0b;color:var(--accent-amber);font-size:.8125rem}.bags-table-clean .col-total{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-weight:600}.bags-table-clean .right{text-align:right}.bags-table-clean .mixed-row{background:#f59e0b08}.breakdown-row td{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);padding:.5rem .75rem}.inline-breakdown{display:flex;flex-wrap:wrap;gap:.5rem}.alloc-chip{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;display:inline-flex;font-size:.75rem;gap:.5rem;padding:.375rem .75rem}.alloc-chip .alloc-tenant{color:#f8fafc;color:var(--text-main);font-weight:500}.alloc-chip .alloc-share{color:#f59e0b;color:var(--accent-amber);font-weight:600}.alloc-chip .alloc-cost{color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace}.content-summary{align-items:center;background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;justify-content:space-between;padding:.5rem 1rem}.kpl-mix-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.kpl-bag-item{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.kpl-bag-item.expanded{border-color:#f59e0b;border-color:var(--accent-amber)}.kpl-bag-row{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;transition:background .15s}.kpl-bag-row:hover{background:#0f172a;background:var(--bg-card)}.kpl-bag-row .bag-expand-icon{color:#64748b;color:var(--text-dim);flex-shrink:0}.kpl-bag-row .bag-expand-icon .rotated{transform:rotate(90deg)}.kpl-bag-row .bag-info{display:flex;flex-direction:column;gap:.125rem;min-width:120px}.kpl-bag-row .bag-collection{color:#64748b;color:var(--text-dim);font-size:.6875rem}.kpl-bag-row .bag-code{color:#f59e0b;color:var(--accent-amber);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:500}.kpl-bag-row .bag-couriers{display:flex;flex:1 1;flex-wrap:wrap;gap:.375rem}.kpl-bag-row .courier-chip{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-size:.75rem;gap:.375rem;padding:.25rem .5rem}.kpl-bag-row .courier-chip strong{font-weight:700}.kpl-bag-row .bag-summary{align-items:center;display:flex;font-size:.8125rem;gap:1rem}.kpl-bag-row .bag-summary .pkg-count{color:#94a3b8;color:var(--text-muted)}.kpl-bag-row .bag-summary .weight{color:#64748b;color:var(--text-dim)}.kpl-bag-row .bag-summary .total{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-weight:600}.kpl-bag-details{background:#0f172a;background:var(--bg-card);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:.5rem}.kpl-bag-details .tenant-section{margin-bottom:.75rem}.kpl-bag-details .tenant-section:last-child{margin-bottom:0}.kpl-bag-details .tenant-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-left:3px solid;border-radius:0 4px 4px 0;display:flex;justify-content:space-between;margin-bottom:.375rem;padding:.375rem .625rem}.kpl-bag-details .tenant-header .tenant-name{font-size:.8125rem;font-weight:600}.kpl-bag-details .tenant-header .tenant-stats{color:#64748b;color:var(--text-dim);font-size:.75rem}.kpl-bag-details .package-list{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding-left:.75rem}.kpl-bag-details .package-item{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:4px;display:flex;font-size:.75rem;justify-content:space-between;padding:.25rem .5rem}.kpl-bag-details .package-item.highlight{background:#3b82f633;border:1px solid #3b82f6;border:1px solid var(--primary)}.kpl-bag-details .package-item .tracking-num{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace}.kpl-bag-details .package-item .item-weight{color:#64748b;color:var(--text-dim)}.search-matches{align-items:center;background:#3b82f61a;border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;padding:.5rem .75rem}.search-matches .match-label{color:#60a5fa;color:var(--primary-glow);font-weight:600}.search-matches .match-item{background:#0f172a;background:var(--bg-card);border-radius:4px;color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;padding:.125rem .375rem}.content-summary .summary-total{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.clean-footer{align-items:center;background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);justify-content:flex-end;padding:.5rem 1rem}.clean-footer,.clean-footer .footer-actions{display:flex;gap:.5rem}.clean-footer .btn{font-size:.8125rem;padding:.375rem .75rem}.clean-footer .btn svg{height:14px;width:14px}.bags-table-wrapper .empty-state{align-items:center;color:#64748b;color:var(--text-dim);display:flex;flex-direction:column;justify-content:center;padding:3rem}.bags-table-wrapper .empty-state svg{margin-bottom:.5rem;opacity:.3}.header-actions-group{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.editing-indicator{align-items:center;animation:pulse-edit 2s infinite;background:#3b82f614;border-radius:100px;color:#3b82f6;display:flex;font-size:.72rem;font-weight:600;gap:4px;padding:3px 10px}@keyframes pulse-edit{0%,to{opacity:1}50%{opacity:.6}}.inline-edit{background:#1e293b;background:var(--bg-surface);border:1px solid #60a5fa;border:1px solid var(--primary-glow);border-radius:4px;color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8rem;outline:none;padding:.2rem .4rem;text-align:center;width:70px}.inline-edit:focus{box-shadow:0 0 0 2px #3b82f633}.remove-bag-btn{align-items:center;background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:5px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s;width:26px}.remove-bag-btn:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.edit-extras{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.add-bag-trigger{align-self:flex-start}.add-bag-form{background:#1e293b;background:var(--bg-surface);border:1px solid #3b82f633;border-radius:10px;padding:1rem}.add-bag-title{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;margin-bottom:.75rem}.add-bag-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1.5fr 1.5fr .7fr .7fr;margin-bottom:.75rem}.add-bag-fields .field-group{display:flex;flex-direction:column;gap:.25rem}.add-bag-fields label{color:#64748b;color:var(--text-dim);font-size:.68rem;font-weight:500;text-transform:uppercase}.add-bag-fields input,.add-bag-fields select{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#f8fafc;color:var(--text-main);font-size:.82rem;outline:none;padding:.4rem .6rem}.add-bag-fields input:focus,.add-bag-fields select:focus{border-color:#60a5fa;border-color:var(--primary-glow)}.add-bag-actions{display:flex;gap:.4rem;justify-content:flex-end}.manifest-notes{display:flex;flex-direction:column;gap:.25rem}.manifest-notes label{color:#64748b;color:var(--text-dim);font-size:.68rem;font-weight:600;text-transform:uppercase}.manifest-notes textarea{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;color:#f8fafc;color:var(--text-main);font-size:.82rem;outline:none;padding:.5rem .75rem;resize:vertical}.manifest-notes textarea:focus{border-color:#60a5fa;border-color:var(--primary-glow)}@media (max-width:900px){.manifest-modal-clean{border-radius:0;height:100%;max-height:100%;max-width:100%}.clean-header{flex-wrap:wrap;gap:1rem}.clean-header .header-stats{justify-content:space-around;margin:0;order:3;width:100%}.clean-body{flex-direction:column}.courier-sidebar{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);border-right:none;max-height:200px;width:100%}.content-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.search-simple{width:100%}}@media (max-width:600px){.clean-header .header-main{align-items:flex-start;flex-direction:column;gap:.5rem}.clean-footer{flex-direction:column;gap:1rem}.clean-footer .footer-actions{width:100%}.clean-footer .btn{flex:1 1;justify-content:center}}.manifest-detail-modal-v2{background:#0f172a;background:var(--bg-card);border-radius:16px;display:flex;flex-direction:column;max-height:95vh;max-width:1100px;overflow:hidden;width:95%}.modal-header-v2{align-items:flex-start;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.5rem}.modal-header-v2 .manifest-id-row{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.modal-header-v2 h2{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600}.modal-header-v2 .header-badges{display:flex;gap:.5rem}.modal-header-v2 .invoiced-badge{align-items:center;background:#84cc1626;border-radius:6px;color:#84cc16;color:var(--accent-lime);display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.modal-header-v2 .manifest-meta{color:#64748b;color:var(--text-dim);display:flex;font-size:.8125rem;gap:1.5rem}.modal-header-v2 .manifest-meta span{align-items:center;display:flex;gap:.375rem}.modal-summary{grid-gap:1rem;background:#0f172a;background:var(--bg-card);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:1.25rem 1.5rem}.modal-summary .summary-card{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:1rem}.modal-summary .summary-card svg{color:#64748b;color:var(--text-dim)}.modal-summary .summary-card .value{color:#f8fafc;color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.modal-summary .summary-card .label{color:#64748b;color:var(--text-dim);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.modal-summary .summary-card.highlight{background:#84cc161a;border-color:#84cc164d}.modal-summary .summary-card.highlight .value,.modal-summary .summary-card.highlight svg{color:#84cc16;color:var(--accent-lime)}.quick-stats-bar{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:.5rem;overflow-x:auto;padding:.75rem 1.5rem}.quick-stats-bar .quick-stat{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-left:3px solid;border-radius:6px;display:flex;gap:.5rem;padding:.375rem .75rem;white-space:nowrap}.quick-stats-bar .qs-name{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.quick-stats-bar .qs-count{font-family:Sora,sans-serif;font-size:.875rem;font-weight:700}.quick-stats-bar .quick-stat.kpl{border-left-color:#f59e0b;border-left-color:var(--accent-amber)}.quick-stats-bar .quick-stat.kpl .qs-count{color:#f59e0b;color:var(--accent-amber)}.quick-stats-bar .quick-stat.singles{border-left-color:#a855f7;border-left-color:var(--accent-purple)}.quick-stats-bar .quick-stat.singles .qs-count{color:#a855f7;color:var(--accent-purple)}.modal-toolbar{align-items:center;background:#0f172a;background:var(--bg-card);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.75rem 1.5rem}.modal-toolbar .search-box{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .75rem;width:280px}.modal-toolbar .search-box svg{color:#64748b;color:var(--text-dim)}.modal-toolbar .search-box input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.875rem;outline:none}.modal-toolbar .toolbar-actions{display:flex;gap:.75rem}.btn-text{background:#0000;border:none;color:#60a5fa;color:var(--primary-glow);cursor:pointer;font-size:.8125rem}.btn-text:hover{text-decoration:underline}.modal-body-v2{flex:1 1;overflow-y:auto;padding:1.5rem}.distribution-chart{background:#1e293b;background:var(--bg-surface);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.distribution-chart .chart-header{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.distribution-chart .chart-bars{display:flex;flex-direction:column;gap:.5rem}.distribution-chart .chart-bar-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:140px 1fr 40px}.distribution-chart .bar-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distribution-chart .bar-container{background:#334155;background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden}.distribution-chart .bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.distribution-chart .bar-value{font-size:.75rem;text-align:right}.courier-groups-section h4,.distribution-chart .bar-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-weight:600}.courier-groups-section h4{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.courier-group{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:.75rem;overflow:hidden}.courier-header{grid-gap:1rem;align-items:center;cursor:pointer;display:grid;gap:1rem;grid-template-columns:auto auto 1fr auto auto auto;padding:1rem 1.25rem;transition:background .2s}.courier-header:hover{background:#334155;background:var(--bg-elevated)}.courier-expand{color:#64748b;color:var(--text-dim);transition:transform .2s}.courier-expand .rotated,.rotated{transform:rotate(90deg)}.courier-icon{border-radius:10px;height:40px;justify-content:center;width:40px}.courier-icon,.courier-info{align-items:center;display:flex}.courier-info{gap:.75rem}.courier-name{color:#f8fafc;color:var(--text-main);font-size:.9375rem;font-weight:600}.courier-badge{background:#334155;background:var(--bg-elevated);border-radius:4px;color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:600;padding:.25rem .5rem}.courier-stats{display:flex;gap:1.5rem}.courier-stats .stat{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:.375rem}.courier-stats .stat svg{color:#64748b;color:var(--text-dim)}.courier-total .total-amount{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.courier-progress{background:#334155;background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:80px}.courier-progress .progress-bar{border-radius:2px;height:100%}.courier-bags{background:#0f172a;background:var(--bg-card);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle)}.bags-table-header{background:#334155;background:var(--bg-elevated);color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bag-row,.bags-table-header{display:grid;grid-template-columns:100px 140px 80px 80px 80px 80px 100px 100px;padding:.75rem 1.25rem}.bag-row{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);font-size:.8125rem}.bag-row:last-child{border-bottom:none}.bag-row:hover{background:#1e293b;background:var(--bg-surface)}.bag-row .col-collection{align-items:center;color:#06b6d4;color:var(--accent-cyan);display:flex;font-family:JetBrains Mono,monospace;font-size:.75rem;gap:.25rem}.bag-code-mono{color:#60a5fa;color:var(--primary-glow);font-family:JetBrains Mono,monospace;font-size:.8125rem}.bag-row .col-packages,.bag-row .col-weight{color:#94a3b8;color:var(--text-muted)}.bag-row .col-freight,.bag-row .col-pallet,.bag-row .col-service{color:#64748b;color:var(--text-dim);font-size:.75rem}.bag-row .col-total{color:#f8fafc;color:var(--text-main);font-weight:600}.courier-subtotal{background:#1e293b;background:var(--bg-surface);display:flex;font-weight:600;justify-content:space-between;padding:.875rem 1.25rem}.courier-subtotal span:first-child{color:#94a3b8;color:var(--text-muted)}.subtotal-amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem}.kpl-mix-group .courier-header.kpl-header{border-left:3px solid #f59e0b;border-left:3px solid var(--accent-amber)}.kpl-badge,.kpl-icon{background:#f59e0b26!important}.kpl-badge,.kpl-icon,.kpl-total{color:#f59e0b!important;color:var(--accent-amber)!important}.kpl-bags-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.kpl-bag-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border-left:3px solid #f59e0b;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-amber);border-radius:10px;overflow:hidden}.kpl-bag-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background .2s}.kpl-bag-header:hover{background:#1e293b;background:var(--bg-surface)}.bag-main-info{gap:1rem}.bag-main-info,.collection-tag{align-items:center;display:flex}.collection-tag{background:#22d3ee1a;border-radius:4px;color:#06b6d4;color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.tenants-count{align-items:center;color:#f59e0b;color:var(--accent-amber);gap:.375rem}.bag-metrics,.tenants-count{display:flex;font-size:.8125rem}.bag-metrics{color:#94a3b8;color:var(--text-muted);gap:1.5rem}.bag-total-cost{color:#f59e0b!important;color:var(--accent-amber)!important;font-family:Sora,sans-serif;font-weight:700}.kpl-breakdown{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding:1rem}.kpl-breakdown .breakdown-title{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.allocation-row,.kpl-breakdown .breakdown-title{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle)}.allocation-row{align-items:center;display:grid;grid-template-columns:2fr 1fr 1fr;padding:.625rem 0}.allocation-row:last-child{border-bottom:none}.allocation-tenant{align-items:center;display:flex;gap:.5rem}.tenant-dot{border-radius:50%;height:10px;width:10px}.allocation-tenant .tenant-name{color:#f8fafc;color:var(--text-main);font-weight:600}.allocation-tenant .share-badge{border-radius:4px;font-size:.65rem;font-weight:700;padding:.125rem .5rem}.allocation-stats{color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;gap:1rem}.allocation-cost{font-family:Sora,sans-serif;font-weight:700;text-align:right}.singles-section{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border-left:3px solid #a855f7;border:1px solid var(--border-subtle);border-left:3px solid var(--accent-purple);border-radius:10px;margin-top:.75rem;padding:1rem 1.25rem}.singles-header{align-items:center;color:#f8fafc;color:var(--text-main);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.singles-header svg{color:#a855f7;color:var(--accent-purple)}.singles-note{color:#64748b;color:var(--text-dim);font-size:.8125rem}.modal-footer-v2{align-items:center;background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-footer-v2 .footer-actions{display:flex;gap:.75rem}@media (max-width:1200px){.modal-summary{grid-template-columns:repeat(2,1fr)}.bag-row,.bags-table-header{font-size:.75rem;grid-template-columns:80px 120px 60px 60px 70px 70px 80px 80px}.courier-header{grid-template-columns:auto auto 1fr auto auto}.courier-progress{display:none}}@media (max-width:900px){.manifest-detail-modal-v2{border-radius:0;height:100%;max-height:100%;max-width:100%}.bag-row,.bags-table-header{grid-template-columns:70px 100px 50px 60px 80px}.bag-row .col-freight,.bag-row .col-pallet,.bag-row .col-service,.bags-table-header .col-freight,.bags-table-header .col-pallet,.bags-table-header .col-service{display:none}.courier-header{gap:.75rem;grid-template-columns:auto 1fr auto}.courier-icon,.courier-stats{display:none}.distribution-chart .chart-bar-row{grid-template-columns:100px 1fr 30px}.quick-stats-bar{padding:.5rem 1rem}}@media (max-width:600px){.modal-summary{gap:.75rem;grid-template-columns:1fr 1fr;padding:1rem}.modal-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.modal-toolbar .search-box{width:100%}.modal-footer-v2{flex-direction:column;gap:1rem}.modal-footer-v2 .footer-actions{flex-direction:column;width:100%}.modal-footer-v2 .footer-actions .btn{justify-content:center;width:100%}}.expenses-page{display:flex;flex-direction:column;gap:1.25rem}.expense-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.expense-stat-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.875rem;padding:.875rem 1rem}.expense-stat-card.highlight-negative{background:#ef44440d;border-color:#ef44444d}.expense-stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.expense-stat-card .stat-icon.awb{background:#ef444426;color:#f43f5e;color:var(--accent-rose)}.expense-stat-card .stat-icon.revenue{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.expense-stat-card .stat-icon.loss{background:#ef444426;color:#f43f5e;color:var(--accent-rose)}.expense-stat-card .stat-icon.manifests{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.expense-stat-card .stat-content{display:flex;flex-direction:column;gap:.125rem}.expense-stat-card .stat-label{color:#64748b;color:var(--text-dim);font-size:.6875rem}.expense-stat-card .stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.expense-stat-card .stat-value.negative{color:#f43f5e;color:var(--accent-rose)}.expense-stat-card .stat-sub{color:#94a3b8;color:var(--text-muted);font-size:.75rem}.expense-stat-card .stat-change{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem}.expense-stat-card .stat-change.up{color:#84cc16;color:var(--accent-lime)}.expense-stat-card .stat-change.down{color:#f43f5e;color:var(--accent-rose)}.expense-chart-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.expense-chart-section .chart-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem}.expense-chart-section .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.expense-chart-section .chart-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.9375rem;font-weight:600;margin:0}.expense-chart-section .chart-legend{display:flex;gap:1rem}.expense-chart-section .legend-item{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.75rem;gap:.375rem}.expense-chart-section .legend-item .dot{border-radius:50%;height:8px;width:8px}.expense-chart-section .legend-item.awb .dot{background:#ef4444}.expense-chart-section .legend-item.revenue .dot{background:#84cc16}.awb-id{color:#f8fafc;color:var(--text-main)}.awb-id,.manifest-link{font-family:JetBrains Mono,monospace;font-size:.75rem;white-space:nowrap}.manifest-link{align-items:center;background:#0000;border:none;color:#60a5fa;color:var(--primary-glow);cursor:pointer;display:inline-flex;gap:.25rem;transition:all .15s}.manifest-link:hover{color:#3b82f6;color:var(--primary);text-decoration:underline}.manifest-link svg{height:10px;opacity:.6;width:10px}.manifest-link:hover svg{opacity:1}.carrier-cell{display:flex;flex-direction:column;gap:.125rem}.carrier-cell .carrier-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:500}.carrier-cell .flight-no{color:#64748b;color:var(--text-dim);font-size:.6875rem}.fee-cell{display:flex;flex-direction:column;gap:.125rem}.fee-cell .fee-usd{color:#f43f5e;color:var(--accent-rose);font-family:Sora,sans-serif;font-size:.8125rem;font-weight:600;white-space:nowrap}.fee-cell .fee-jmd{color:#64748b;color:var(--text-dim);font-size:.65rem;white-space:nowrap}.revenue-value{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:.8125rem}.difference-cell,.revenue-value{font-weight:600;white-space:nowrap}.difference-cell{align-items:center;display:flex;font-size:.75rem;gap:.25rem}.difference-cell.positive{color:#84cc16;color:var(--accent-lime)}.difference-cell.negative{color:#f43f5e;color:var(--accent-rose)}.difference-cell .margin{font-size:.6875rem;font-weight:500;opacity:.8}.expense-modal{max-width:600px;width:95%}.expense-modal-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.25rem}.expense-modal-header .header-info{align-items:center;display:flex;gap:.75rem}.expense-modal-header h2{color:#f8fafc;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;margin:0}.expense-modal-body{padding:1.25rem}.expense-modal-body .info-section{margin-bottom:1.25rem}.expense-modal-body .info-section h3{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem}.expense-modal-body .info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.expense-modal-body .info-item{display:flex;flex-direction:column;gap:.125rem}.expense-modal-body .info-item .label{color:#64748b;color:var(--text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.expense-modal-body .info-item .value{color:#f8fafc;color:var(--text-main);font-size:.875rem}.expense-modal-body .info-item .value.mono{font-family:JetBrains Mono,monospace}.cost-comparison-section h3{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem}.cost-comparison-grid{align-items:stretch;display:flex;gap:.75rem;margin-bottom:1rem}.cost-card{border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem}.cost-card.awb{background:#ef44441a;border:1px solid #ef444433}.cost-card.revenue{background:#84cc161a;border:1px solid #84cc1633}.cost-card .cost-label{color:#64748b;color:var(--text-dim);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cost-card .cost-usd{color:#f43f5e;color:var(--accent-rose);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.cost-card .cost-jmd{color:#94a3b8;color:var(--text-muted);font-size:.875rem}.cost-card .cost-jmd.highlight{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.cost-card .cost-detail,.cost-card .exchange-rate{color:#64748b;color:var(--text-dim);font-size:.6875rem}.cost-vs{align-items:center;color:#64748b;color:var(--text-dim);display:flex;font-size:.875rem;font-weight:600}.profit-result{border-radius:10px;padding:1rem;text-align:center}.profit-result.positive{background:#84cc161a;border:1px solid #84cc1633}.profit-result.negative{background:#ef44441a;border:1px solid #ef444433}.profit-result .profit-header{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.profit-result.positive .profit-header{color:#84cc16;color:var(--accent-lime)}.profit-result.negative .profit-header{color:#f43f5e;color:var(--accent-rose)}.profit-result .profit-amount{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.profit-result.positive .profit-amount{color:#84cc16;color:var(--accent-lime)}.profit-result.negative .profit-amount{color:#f43f5e;color:var(--accent-rose)}.profit-result .profit-margin{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-top:.25rem}.expense-modal-footer{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem}@media (max-width:1024px){.expense-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.expense-stats-grid{grid-template-columns:1fr}.cost-comparison-grid{flex-direction:column}.cost-vs{justify-content:center;padding:.5rem 0}}.expense-form-modal{max-height:90vh;max-width:650px;overflow-y:auto;width:95%}.expense-form-body{padding:1.25rem}.expense-form-body .form-section{margin-bottom:1.5rem}.expense-form-body .form-section:last-child{margin-bottom:0}.expense-form-body .form-section h3{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;padding-bottom:.5rem}.expense-form-body .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.expense-form-body .form-group{display:flex;flex-direction:column;gap:.375rem}.expense-form-body .form-group label{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600}.expense-form-body .form-group input,.expense-form-body .form-group select{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#f8fafc;color:var(--text-main);font-size:.875rem;padding:.625rem .75rem;transition:border-color .15s}.expense-form-body .form-group input:focus,.expense-form-body .form-group select:focus{border-color:#3b82f6;border-color:var(--primary);outline:none}.expense-form-body .form-group input::placeholder{color:#64748b;color:var(--text-dim)}.delete-confirm-modal{max-width:400px;padding:2rem;text-align:center;width:90%}.delete-confirm-modal .delete-icon{align-items:center;background:#ef444426;border-radius:50%;color:#f43f5e;color:var(--accent-rose);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.delete-confirm-modal h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.delete-confirm-modal p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin:0 0 .5rem}.delete-confirm-modal .delete-warning{color:#f43f5e;color:var(--accent-rose);font-size:.75rem;margin-bottom:1.5rem}.delete-confirm-modal .delete-actions{display:flex;gap:.75rem;justify-content:center}.action-btn.danger{color:#64748b;color:var(--text-dim)}.action-btn.danger:hover{background:#ef444426;border-color:#f43f5e;border-color:var(--accent-rose);color:#f43f5e;color:var(--accent-rose)}@media (max-width:640px){.expense-form-body .form-grid{grid-template-columns:1fr}}.invoice-detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:95%}.invoice-modal-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.875rem 1rem}.invoice-modal-header .header-left{align-items:center;display:flex;gap:.75rem}.invoice-modal-header h2{font-family:JetBrains Mono,monospace;font-size:1rem;margin:0}.invoice-modal-header h2,.status-select{color:#f8fafc;color:var(--text-main);font-weight:600}.status-select{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.status-select.draft{color:#64748b;color:var(--text-dim)}.status-select.sent{color:#60a5fa;color:var(--primary-glow)}.status-select.paid{color:#84cc16;color:var(--accent-lime)}.status-select.overdue{color:#f43f5e;color:var(--accent-rose)}.invoice-info-bar{background:#0f172a;background:var(--bg-card);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;gap:1.5rem;padding:.75rem 1rem}.invoice-info-bar .info-item{display:flex;flex-direction:column;gap:.125rem}.invoice-info-bar .info-item .label{color:#64748b;color:var(--text-dim);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.invoice-info-bar .info-item .value{color:#f8fafc;color:var(--text-main);font-size:.8125rem}.invoice-info-bar .info-item .value.mono{font-family:JetBrains Mono,monospace}.invoice-body{flex:1 1;overflow-y:auto;padding:1rem}.line-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.line-items-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:.875rem;font-weight:600;margin:0}.line-items-header .item-count{color:#64748b;color:var(--text-dim);font-size:.75rem}.line-items-table{border-collapse:collapse;margin-bottom:.75rem;width:100%}.line-items-table th{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.5rem .625rem;text-align:left;text-transform:uppercase}.line-items-table th.center{text-align:center}.line-items-table th.right{text-align:right}.line-items-table td{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);font-size:.8125rem;padding:.5rem .625rem;vertical-align:middle}.line-items-table td.center{text-align:center}.line-items-table td.right{text-align:right}.line-items-table tr.manual-item{background:#3b82f60d}.line-items-table .item-desc{color:#f8fafc;color:var(--text-main);display:block}.line-items-table .item-formula{color:#64748b;color:var(--text-dim);display:block;font-family:JetBrains Mono,monospace;font-size:.6875rem}.manual-badge{background:#3b82f626;border-radius:4px;color:#60a5fa;color:var(--primary-glow);display:inline-block;font-size:.625rem;font-weight:600;margin-left:.5rem;padding:.125rem .375rem}.qty-input,.rate-input{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:4px;color:#f8fafc;color:var(--text-main);font-size:.8125rem;padding:.25rem .375rem;text-align:center;width:70px}.qty-input:focus,.rate-input:focus{border-color:#3b82f6;border-color:var(--primary);outline:none}.qty-display{color:#94a3b8;color:var(--text-muted)}.line-items-table .amount{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-weight:600}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .15s;width:24px}.remove-item-btn:hover{background:#ef444426;color:#f43f5e;color:var(--accent-rose)}.add-line-item-btn{align-items:center;background:#0000;border:1px dashed #94a3b81a;border:1px dashed var(--border-subtle);border-radius:6px;color:#64748b;color:var(--text-dim);cursor:pointer;display:flex;font-size:.8125rem;gap:.375rem;margin-bottom:1rem;padding:.625rem;transition:all .15s;width:100%}.add-line-item-btn:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary);color:#60a5fa;color:var(--primary-glow)}.add-item-form{align-items:center;background:#1e293b;background:var(--bg-surface);border-radius:6px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.625rem}.add-item-form .add-desc-input{flex:1 1}.add-item-form .add-desc-input,.add-item-form .add-qty-input,.add-item-form .add-rate-input{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:4px;color:#f8fafc;color:var(--text-main);font-size:.8125rem;padding:.375rem .5rem}.add-item-form .add-qty-input,.add-item-form .add-rate-input{text-align:center;width:80px}.btn-sm{font-size:.75rem;padding:.375rem .625rem}.invoice-totals{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);padding-top:.75rem}.total-row{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.total-row.adjustments{padding:.5rem 0}.adjustment-input{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:4px;color:#f8fafc;color:var(--text-main);font-size:.875rem;padding:.25rem .5rem;text-align:right;width:100px}.total-row.grand-total{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700;padding-top:.75rem}.invoice-modal-footer,.total-row.grand-total{border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle)}.invoice-modal-footer{align-items:center;background:#1e293b;background:var(--bg-surface);display:flex;justify-content:space-between;padding:.75rem 1rem}.invoice-modal-footer .footer-left,.invoice-modal-footer .footer-right{display:flex;gap:.5rem}.btn-success{background:#84cc16;background:var(--accent-lime);border:none;color:#0f172a}.btn-success:hover{background:#a3e635}.invoice-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.summary-card{align-items:center;background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:.875rem 1rem}.summary-card .summary-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.summary-card.pending .summary-icon{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.summary-card.paid .summary-icon{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.summary-card.overdue .summary-icon{background:#ef444426;color:#f43f5e;color:var(--accent-rose)}.summary-card.draft .summary-icon{background:#94a3b826;color:#64748b;color:var(--text-dim)}.summary-card .summary-content{display:flex;flex-direction:column;gap:.125rem}.summary-card .summary-label{color:#64748b;color:var(--text-dim);font-size:.6875rem}.summary-card .summary-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.125rem;font-weight:700}.summary-card .summary-count{color:#94a3b8;color:var(--text-muted);font-size:.6875rem}.courier-cell{flex-direction:column;gap:.125rem}.courier-cell .courier-name{color:#f8fafc;color:var(--text-main);font-size:.8125rem;font-weight:500}.courier-cell .courier-prefix{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.6875rem}.amount-value{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-weight:600}@media (max-width:768px){.invoice-summary-grid{grid-template-columns:repeat(2,1fr)}.invoice-info-bar{flex-wrap:wrap;gap:1rem}}.invoice-preview-modal{display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:95%}.preview-header{align-items:center;background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.875rem 1rem}.preview-header .header-info{align-items:center;display:flex;gap:.75rem}.preview-header h2{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin:0}.preview-header .manifest-ref{background:#0f172a;background:var(--bg-card);border-radius:4px;color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .5rem}.preview-body{flex:1 1;overflow-y:auto;padding:1rem}.preview-summary{margin-bottom:1rem}.preview-summary p{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin:0}.fee-structure-info{background:#1e293b;background:var(--bg-surface);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.fee-structure-info h4{color:#64748b;color:var(--text-dim);font-size:.75rem;font-weight:600;margin:0 0 .5rem}.fee-grid{display:flex;flex-wrap:wrap;gap:1rem}.fee-grid span{background:#0f172a;background:var(--bg-card);border-radius:4px;color:#94a3b8;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.25rem .5rem}.preview-table{border-collapse:collapse;font-size:.8125rem;width:100%}.preview-table th{background:#1e293b;background:var(--bg-surface);border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);color:#64748b;color:var(--text-dim);font-size:.625rem;font-weight:600;letter-spacing:.05em;padding:.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.preview-table th.center{text-align:center}.preview-table th.right{text-align:right}.preview-table td{border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);padding:.5rem;vertical-align:middle}.preview-table td.center{text-align:center}.preview-table td.right{text-align:right}.preview-table td.total{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-weight:600}.preview-table tr.kpl-row{background:#f59e0b0d}.preview-table .courier-name{color:#f8fafc;color:var(--text-main);display:block;font-weight:500}.preview-table .kpl-note{color:#f59e0b;color:var(--accent-amber);display:block;font-size:.6875rem}.preview-table .kpl-badge{background:#f59e0b26;border-radius:4px;color:#f59e0b;color:var(--accent-amber);display:inline-block;font-size:.625rem;font-weight:600;margin-left:.375rem;padding:.125rem .375rem}.preview-table tfoot td{border-bottom:none;border-top:2px solid #94a3b81a;border-top:2px solid var(--border-subtle);padding-top:.75rem}.preview-table .grand-total{color:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.preview-footer{background:#1e293b;background:var(--bg-surface);border-top:1px solid #94a3b81a;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.pipeline-banner{align-items:center;background:linear-gradient(135deg,#3b82f60a,#84cc160a);border:1px solid #3b82f61f;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1.25rem;overflow-x:auto;padding:.875rem 1.25rem;transition:all .2s}.pipeline-banner:hover{background:linear-gradient(135deg,#3b82f60f,#84cc160f);border-color:#3b82f640}.pipeline-flow{flex:1 1;gap:0;min-width:0}.pipe-node,.pipeline-flow{align-items:center;display:flex}.pipe-node{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;gap:.5rem;padding:.4rem .75rem;white-space:nowrap}.pipe-node,.pipe-node svg{flex-shrink:0}.pipe-kcd svg{color:#f43f5e}.pipe-core svg{color:#3b82f6}.pipe-tenants svg{color:#a855f7}.pipe-customers svg{color:#84cc16}.pipe-text{display:flex;flex-direction:column}.pipe-label{color:#f8fafc;color:var(--text-main);font-size:.75rem;font-weight:600;line-height:1.2}.pipe-stat{color:#64748b;color:var(--text-dim);font-size:.62rem}.pipe-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.pipe-dot.active{animation:pulse-dot 2s infinite;background:#84cc16}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.pipe-arrow{align-items:center;display:flex;flex-shrink:0;min-width:30px;padding:0 .25rem}.pipe-line{background:#94a3b81a;background:var(--border-subtle);height:2px;overflow:hidden;position:relative;width:100%}.pipe-pulse{animation:pipe-flow 2s infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:100%;left:-15px;position:absolute;top:0;width:15px}@keyframes pipe-flow{0%{left:-15px}to{left:45px}}.pipeline-chevron{color:#64748b;color:var(--text-dim);flex-shrink:0;margin-left:.75rem;opacity:.5}.pipeline-banner:hover .pipeline-chevron{color:#3b82f6;opacity:1}.service-health-card .card-header,.tenant-overview-card .card-header{align-items:center;display:flex;justify-content:space-between}.service-health-card .card-header h3,.tenant-overview-card .card-header h3{align-items:center;display:flex;gap:.5rem}.service-health-card .card-header h3 svg,.tenant-overview-card .card-header h3 svg{color:#60a5fa;color:var(--primary-glow);opacity:.7}.card-link{align-items:center;color:#3b82f6;cursor:pointer;display:flex;font-size:.72rem;gap:2px;transition:opacity .15s}.card-link:hover{opacity:.8}.health-services{display:flex;flex-direction:column;gap:0}.health-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:.6rem;padding:.45rem 0}.health-row:last-child{border-bottom:none}.health-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.health-dot.healthy{background:#84cc16}.health-dot.degraded{animation:pulse-dot 2s infinite;background:#fbbf24}.health-dot.down{background:#f43f5e}.health-name{color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.8rem}.health-latency{color:#64748b;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.72rem}.health-latency.slow{color:#fbbf24;font-weight:600}.tenant-mini-list{display:flex;flex-direction:column;gap:0}.tenant-mini-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:.5rem;padding:.4rem 0}.tenant-mini-row:last-child{border-bottom:none}.tenant-mini-id{align-items:center;border-radius:5px;color:#fff;display:flex;flex-shrink:0;font-size:.58rem;font-weight:700;height:24px;justify-content:center;width:24px}.tenant-mini-name{color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-mini-sync{flex-shrink:0}.tenant-mini-sync.synced{color:#84cc16}.tenant-mini-sync.stale{color:#fbbf24}.tenant-mini-sync.offline{color:#64748b}.tenant-mini-pkgs{color:#64748b;color:var(--text-dim);font-family:Sora,sans-serif;font-size:.72rem;font-weight:600;min-width:40px;text-align:right}.field-label,.form-group label,.input-group label,label:not(.sr-only){color:#cbd5e1;color:var(--text-label,#cbd5e1)}.action-btn,.btn,.icon-btn,a[role=button],button{min-height:36px}.row-actions button,.table-actions button,td button{align-items:center;display:inline-flex;justify-content:center;min-height:36px;min-width:36px}.data-table-wrapper,.table-container,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:640px){.metrics-grid,.stat-cards,.stats-grid{gap:.75rem!important;grid-template-columns:1fr!important}.page-header h1,.page-title{font-size:1.25rem!important}.dialog-content,.modal-content,[role=dialog]>div{border-radius:0!important;margin:0!important;max-width:100%!important;min-height:100vh!important;width:100%!important}.hide-mobile{display:none!important}}@media (min-width:641px) and (max-width:1024px){.metrics-grid,.stat-cards,.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1025px){.metrics-grid,.stat-cards,.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}}.app-content{max-width:1680px}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:initial}.file\:bg-transparent::file-selector-button{background-color:initial}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::-webkit-file-upload-button{color:hsl(var(--foreground))}.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-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(#3b82f6);background-color:hsl(var(--primary))}.hover\:bg-primary\/80:hover{background-color:hsl(#3b82f6/.8);background-color:hsl(var(--primary)/.8)}.hover\:bg-primary\/90:hover{background-color:hsl(#3b82f6/.9);background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:text-primary-foreground:hover{color:hsl(var(--primary-foreground))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-primary:focus{background-color:hsl(#3b82f6);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),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-muted\/40{border-color: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(#3b82f6);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:#fca5a5;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:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color: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:#fef2f2;color:rgb(254 242 242/var(--tw-text-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color:#dc2626}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color: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(#3b82f6);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:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:0.8}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:-13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:-13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:.25rem}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{--tw-translate-y:-50%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{--tw-translate-x:0px;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:focus\:bg-accent:focus[data-state=open],.data-\[state\=open\]\:hover\:bg-accent:hover[data-state=open]{background-color: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}}.\[\&\+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}.auth-page{align-items:center;background:#0a0a1a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{inset:0;position:fixed;z-index:0}.auth-gradient-1{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f626,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.auth-gradient-1,.auth-gradient-2{border-radius:50%;position:absolute}.auth-gradient-2{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf61f,#0000 70%);bottom:-150px;height:500px;left:-100px;width:500px}.auth-container{align-items:center;display:flex;gap:3rem;max-width:900px;width:95%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;max-width:420px;min-width:380px;padding:2.5rem}.auth-card.wide{max-width:500px;min-width:440px}.auth-logo{margin-bottom:2rem;text-align:center}.auth-logo .logo-icon.large{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;margin:0 auto .75rem;width:56px}.auth-logo h1{color:#f0f0f0;font-size:1.5rem;font-weight:700;margin:0}.auth-logo p{color:#888;font-size:.85rem;margin:.25rem 0 0}.login-type-toggle{background:#ffffff0a;border-radius:10px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem;transition:all .2s}.toggle-btn.active{background:#3b82f626;color:#3b82f6}.toggle-btn:hover:not(.active){color:#ccc}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:.85rem;padding:.75rem 1rem}.auth-form .form-group label{color:#aaa;display:block;font-size:.8rem;font-weight:500;margin-bottom:.4rem}.input-with-icon{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;color:#888;display:flex;gap:.75rem;padding:0 1rem;transition:border-color .2s}.input-with-icon:focus-within{border-color:#3b82f6}.input-with-icon input{background:#0000;border:none;color:#f0f0f0;flex:1 1;font-size:.9rem;outline:none;padding:.75rem 0}.input-with-icon input::placeholder{color:#555}.input-with-icon .password-toggle{background:none;border:none;color:#666;cursor:pointer;display:flex;padding:0}.input-with-icon .password-toggle:hover{color:#aaa}.input-with-icon .prefix-label{color:#666;font-size:.85rem;white-space:nowrap}.form-row.space-between{align-items:center;display:flex;justify-content:space-between}.checkbox-label{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.text-link{color:#3b82f6;font-size:.8rem;text-decoration:none}.text-link:hover{text-decoration:underline}.btn-full{justify-content:center;width:100%}.auth-footer{margin-top:1.25rem;text-align:center}.auth-footer p{color:#888;font-size:.85rem}.demo-credentials{border-top:1px solid #ffffff0f;margin-top:1rem;padding-top:1rem;text-align:center}.demo-credentials p{color:#666;font-size:.75rem;margin:0 0 .25rem}.demo-credentials code{background:#84cc1614;border-radius:6px;color:#84cc16;font-size:.8rem;padding:.25rem .75rem}.auth-features{color:#ddd;flex:1 1}.auth-features h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-features>p{color:#888;font-size:.9rem;margin:0 0 2rem}.feature-list{display:flex;flex-direction:column;gap:1.5rem}.feature-item{align-items:flex-start;gap:1rem}.feature-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.feature-icon.blue{background:#3b82f626;color:#3b82f6}.feature-icon.lime{background:#84cc1626;color:#84cc16}.feature-icon.cyan{background:#06b6d426;color:#06b6d4}.feature-item h4{color:#eee;font-size:.9rem;font-weight:600;margin:0}.feature-item p{color:#888;font-size:.8rem;margin:.15rem 0 0}.register-steps{justify-content:center;margin-bottom:1.5rem}.register-steps,.register-steps .step{align-items:center;display:flex;gap:.5rem}.register-steps .step{color:#555;font-size:.8rem}.register-steps .step.active{color:#3b82f6}.register-steps .step.completed{color:#84cc16}.register-steps .step-number{align-items:center;border:2px solid;border-radius:50%;display:flex;font-size:.7rem;font-weight:600;height:24px;justify-content:center;width:24px}.register-steps .step.active .step-number{background:#3b82f626}.register-steps .step.completed .step-number{background:#84cc1626;border-color:#84cc16}.register-steps .step-line{background:#ffffff1a;height:2px;width:40px}.form-hint{color:#666;font-size:.75rem;margin-top:.25rem}.form-actions{display:flex;gap:.75rem}.form-actions .btn{flex:1 1}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@media (max-width:768px){.auth-container{flex-direction:column;padding:1rem}.auth-card,.auth-card.wide{max-width:100%;min-width:0;min-width:auto;padding:1.5rem;width:100%}.auth-features{display:none}}.bolt-website{--bolt-dark:#050c1a;--bolt-dark-surface:#0a1628;--bolt-dark-card:#ffffff0d;--bolt-dark-border:#ffffff1a;--bolt-yellow:#facc15;--bolt-yellow-glow:#facc154d;--bolt-blue:#3b82f6;--bolt-cyan:#06b6d4;--bolt-green:#10b981;--bolt-red:#ef4444;--bolt-purple:#8b5cf6;--bolt-text:#fff;--bolt-text-muted:#94a3b8;--bolt-text-dim:#64748b;background:var(--bolt-dark);color:var(--bolt-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.bolt-container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.bolt-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050c1af2;border-bottom:1px solid var(--bolt-dark-border);left:0;position:fixed;right:0;top:0;z-index:100}.bolt-nav-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 1.5rem}.bolt-logo,.bolt-nav-container{align-items:center;display:flex}.bolt-logo{color:var(--bolt-text);cursor:pointer;font-size:1.25rem;font-weight:600;gap:.5rem}.bolt-logo .logo-icon{align-items:center;background:var(--bolt-dark-surface);border-radius:8px;color:var(--bolt-yellow);display:flex;height:32px;justify-content:center;width:32px}.bolt-nav-links{align-items:center;display:flex;gap:2rem}.bolt-nav-links .nav-link{background:none;border:none;color:var(--bolt-text-muted);cursor:pointer;font-size:.875rem;font-weight:500;padding:0;transition:color .2s}.bolt-nav-links .nav-link.active,.bolt-nav-links .nav-link:hover{color:var(--bolt-yellow)}.bolt-nav-actions{align-items:center;display:flex;gap:1rem}.sign-in-btn{background:var(--bolt-yellow);border:none;border-radius:8px;box-shadow:0 0 20px var(--bolt-yellow-glow);color:var(--bolt-dark);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.sign-in-btn:hover{background:#fde047;transform:translateY(-1px)}.mobile-menu-toggle{background:none;border:none;color:var(--bolt-text);cursor:pointer;display:none}.bolt-hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:6rem 0 4rem;position:relative}.hero-bg-effects{inset:0;pointer-events:none;position:absolute}.hero-glow{border-radius:50%;filter:blur(100px);position:absolute}.hero-glow-1{background:#3b82f626;height:800px;right:-200px;top:-200px;width:800px}.hero-glow-2{background:#facc150d;bottom:-200px;height:600px;left:-200px;width:600px}.hero-grid-pattern{background-image:radial-gradient(#ffffff08 1px,#0000 0);background-size:24px 24px;inset:0;position:absolute}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:10}.hero-text{max-width:600px}.hero-badge{align-items:center;background:#facc151a;border:1px solid #facc1533;border-radius:9999px;color:var(--bolt-yellow);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.375rem .75rem}.badge-dot{animation:pulse 2s infinite;background:var(--bolt-yellow);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-text h1{font-size:3.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fde047,#f59e0b);-webkit-background-clip:text;background-clip:text}.hero-text>p{color:var(--bolt-text-muted);font-size:1.125rem;line-height:1.7;margin-bottom:2rem}.hero-tracking-form{margin-bottom:2rem;max-width:500px}.tracking-input-wrapper{position:relative}.tracking-glow{background:linear-gradient(135deg,var(--bolt-yellow),#f59e0b);border-radius:16px;filter:blur(8px);inset:-4px;opacity:.2;position:absolute;transition:opacity .3s}.tracking-input-wrapper:hover .tracking-glow{opacity:.4}.tracking-input-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;padding:.375rem;position:relative}.tracking-input-container svg{color:var(--bolt-text-dim);flex-shrink:0;margin:0 .75rem}.tracking-input-container input{background:none;border:none;color:#1e293b;flex:1 1;font-size:1rem;outline:none;padding:.75rem 0}.tracking-input-container input::placeholder{color:var(--bolt-text-dim)}.track-btn{align-items:center;background:var(--bolt-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.track-btn:hover{background:#1e293b}.hero-links{margin-bottom:2rem}.link-btn{background:none;border:none;color:var(--bolt-text-muted);cursor:pointer;font-size:1rem;font-weight:500;text-decoration:underline;text-underline-offset:4px;transition:color .2s}.link-btn:hover{color:var(--bolt-text)}.hero-features{display:flex;flex-wrap:wrap;gap:1.5rem}.feature-item{align-items:center;color:var(--bolt-text-dim);display:flex;font-size:.875rem;gap:.5rem}.feature-item svg{color:var(--bolt-yellow)}.hero-visual{height:500px;position:relative}.visual-bg-icon{align-items:center;color:var(--bolt-yellow);display:flex;inset:0;justify-content:center;opacity:.05;position:absolute}.floating-icon{animation:float 6s ease-in-out infinite;color:var(--bolt-text-dim);position:absolute;transition:color .5s}.floating-icon:hover{color:var(--bolt-yellow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-plane{right:40px;top:0;transform:rotate(-12deg)}.floating-ship{animation-delay:1s;bottom:80px;left:0}.floating-package{animation-delay:.5s;bottom:0;right:80px}.package-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050c1acc;border:1px solid var(--bolt-yellow);border-radius:16px;box-shadow:0 0 30px var(--bolt-yellow-glow);color:var(--bolt-yellow);display:flex;height:128px;justify-content:center;width:128px}.bolt-features{background:var(--bolt-dark);border-top:1px solid var(--bolt-dark-border);padding:6rem 0}.section-header{margin-bottom:3rem}.section-header.centered{text-align:center}.section-header h2{font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.section-header p{color:var(--bolt-text-muted);font-size:1.125rem;max-width:600px}.section-header.centered p{margin:0 auto}.section-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;color:var(--bolt-blue);display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;letter-spacing:.05em;margin-bottom:1rem;padding:.375rem .75rem;text-transform:uppercase}.badge-dot.blue{background:var(--bolt-blue)}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.feature-card{background:var(--bolt-dark-card);border:1px solid var(--bolt-dark-border);border-radius:16px;padding:1.5rem;transition:all .3s}.feature-card:hover{background:#ffffff14;transform:translateY(-4px)}.feature-icon{margin-bottom:1.5rem}.feature-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:var(--bolt-text-muted);font-size:.875rem;line-height:1.6}.bolt-network{border-top:1px solid var(--bolt-dark-border);overflow:hidden;padding:6rem 0;position:relative}.network-glow{background:#3b82f614;border-radius:50%;filter:blur(100px);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.section-header .highlight{color:var(--bolt-text)}.section-header .highlight.yellow{color:var(--bolt-yellow)}.network-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:10}.network-card{background:var(--bolt-dark-card);border:1px solid var(--bolt-dark-border);border-radius:16px;padding:1.25rem;transition:all .3s}.network-card:hover{background:#ffffff12;transform:translateY(-4px)}.network-card.highlight{background:#facc150d;border-color:#facc151a}.network-card.highlight:hover{background:#facc151a}.card-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;margin-bottom:.75rem;width:32px}.card-badge.blue{background:#3b82f633;color:var(--bolt-blue)}.card-badge.red{background:#ef4444e6;color:#fff}.card-badge.yellow{background:#facc1533;color:var(--bolt-yellow)}.network-card h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.network-card p{color:var(--bolt-text-muted);font-size:.875rem;line-height:1.6}.bolt-cta{background:#fff;padding:6rem 0;text-align:center}.bolt-cta h2{color:#0f172a;font-size:3rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.bolt-cta p{color:#64748b;font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background:var(--bolt-dark);font-size:1rem;gap:.5rem;padding:1rem 2rem;transition:all .2s}.btn-primary:hover{background:#1e293b;transform:translateY(-2px)}.bolt-track-page{min-height:100vh;padding-top:80px}.track-header{background:linear-gradient(135deg,var(--bolt-dark),#1e293b);padding:4rem 0;text-align:center}.track-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.track-header p{color:var(--bolt-text-muted);font-size:1.125rem}.track-content{margin-top:-2rem;padding:2rem 0 4rem}.track-search-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;margin-bottom:2rem;padding:1.5rem}.track-form{display:flex;gap:1rem}.search-input{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;gap:.75rem;padding:0 1rem}.search-input svg{color:#64748b;flex-shrink:0}.search-input input{background:none;border:none;color:#0f172a;flex:1 1;font-size:1rem;outline:none;padding:1rem 0}.track-form .btn-primary{padding:1rem 2rem}.tracking-result{display:flex;flex-direction:column;gap:1.5rem}.result-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem}.result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.result-title{align-items:center;display:flex;gap:1rem}.result-title h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.status-badge{border-radius:8px;display:inline-flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.status-badge.in_transit{background:#3b82f61a;color:var(--bolt-blue)}.status-badge.received{background:#64748b1a;color:#475569}.status-badge.delivered{background:#10b9811a;color:var(--bolt-green)}.bolt-progress-timeline{padding:2rem 0}.timeline-track{background:#e2e8f0;border-radius:4px;height:8px;margin:0 2rem;position:relative}.timeline-progress{background:linear-gradient(90deg,var(--bolt-blue),#60a5fa);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.timeline-steps{display:flex;justify-content:space-between;margin-top:-1.5rem;position:relative;z-index:10}.timeline-step{flex-direction:column;gap:.5rem}.step-marker,.timeline-step{align-items:center;display:flex}.step-marker{background:#e2e8f0;border-radius:50%;color:#94a3b8;height:40px;justify-content:center;transition:all .3s;width:40px}.timeline-step.completed .step-marker,.timeline-step.current .step-marker{background:var(--bolt-blue);color:#fff}.timeline-step.current .step-marker{box-shadow:0 0 0 4px #3b82f633;transform:scale(1.1)}.step-label{color:#94a3b8;font-size:.75rem;max-width:80px;text-align:center}.timeline-step.completed .step-label{color:#0f172a}.result-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.detail-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;padding:1.5rem}.detail-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.detail-icon.blue{background:#3b82f61a;color:var(--bolt-blue)}.detail-icon.green{background:#10b9811a;color:var(--bolt-green)}.detail-icon.orange{background:#f973161a;color:#f97316}.detail-icon.purple{background:#8b5cf61a;color:var(--bolt-purple)}.detail-content{display:flex;flex-direction:column}.detail-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.detail-value{color:#0f172a;font-size:1.125rem;font-weight:700}.result-card h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.events-timeline{display:flex;flex-direction:column;gap:1rem}.event-item{display:flex;gap:1rem;position:relative}.event-item:not(:last-child):after{background:#e2e8f0;bottom:-16px;content:"";left:19px;position:absolute;top:40px;width:2px}.event-item.completed:not(:last-child):after{background:var(--bolt-blue)}.event-marker{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.event-item.completed .event-marker,.event-item.current .event-marker{background:var(--bolt-blue);color:#fff}.event-item.current .event-marker{box-shadow:0 0 0 4px #3b82f633}.marker-dot{background:#94a3b8;border-radius:50%;height:8px;width:8px}.event-content{flex:1 1;padding:.5rem 0}.event-status{color:#0f172a;display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.event-item:not(.completed) .event-status,.event-meta{color:#64748b}.event-meta{display:flex;font-size:.875rem;gap:1rem}.event-meta span{align-items:center;display:flex;gap:.25rem}.bolt-rates-page{min-height:100vh;padding-top:80px}.rates-header{background:var(--bolt-dark);padding:4rem 0;text-align:center}.rates-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.rates-header p{color:var(--bolt-text-muted);font-size:1.125rem}.rates-content{margin-top:-2rem;padding:2rem 0 4rem}.rates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.calculator-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.calculator-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:1.5rem 2rem}.calc-title,.calculator-header{align-items:center;display:flex}.calc-title{gap:.75rem}.calc-icon{align-items:center;background:var(--bolt-yellow);border-radius:8px;color:#0f172a;display:flex;height:40px;justify-content:center;width:40px}.calc-title h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.mode-toggle{background:#f1f5f9;border-radius:12px;display:flex;padding:.25rem}.mode-toggle button{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.mode-toggle button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:var(--bolt-blue)}.calculator-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.calc-inputs{gap:1.5rem}.calc-inputs,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#475569;font-size:.875rem;font-weight:600}.input-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s;width:100%}.input-group input:focus{border-color:var(--bolt-yellow);box-shadow:0 0 0 3px #facc151a}.input-hint{color:#64748b;font-size:.75rem}.pricing-rules{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:16px;display:flex;gap:.75rem;padding:1rem}.rule-icon{color:var(--bolt-blue);flex-shrink:0}.rule-content{color:#1e40af;font-size:.75rem}.rule-content strong{display:block;margin-bottom:.5rem}.rule-content ul{margin:0;padding-left:1rem}.rule-content li{margin-bottom:.25rem}.calc-result{background:#0f172a;border-radius:24px;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative}.result-bg-icon{opacity:.1;padding:1rem;position:absolute;right:0;top:0}.result-badge{align-self:flex-start;background:#3b82f633;border-radius:9999px;color:#60a5fa;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;padding:.375rem .75rem}.result-label{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.result-amount{align-items:flex-start;display:flex;margin-bottom:.5rem}.result-amount .currency{color:var(--bolt-yellow);font-size:1.5rem;margin-top:.5rem}.result-amount .value{color:var(--bolt-yellow);font-size:3.5rem;font-weight:700;line-height:1}.result-jmd{color:#94a3b8;font-size:1.25rem}.rates-sidebar{display:flex;flex-direction:column;gap:1.5rem}.rate-table-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000001a;padding:2rem}.rate-table-card h3{align-items:center;color:#0f172a;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.rate-table{border-collapse:collapse;width:100%}.rate-table td,.rate-table th{font-size:.875rem;padding:.75rem;text-align:left}.rate-table th{background:#f8fafc;color:#64748b;font-weight:600}.rate-table th:first-child{border-radius:8px 0 0 8px}.rate-table th:last-child{border-radius:0 8px 8px 0;text-align:right}.rate-table td{border-bottom:1px solid #f1f5f9;color:#0f172a}.rate-table td:last-child{color:#64748b;text-align:right}.rate-table tr:hover td{background:#f8fafc}.china-card{background:var(--bolt-dark);border-radius:24px;color:#fff;padding:2rem}.china-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.china-card p{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}.china-card .link-btn{color:var(--bolt-yellow);font-weight:600}.bolt-services-page{background:#f8fafc;min-height:100vh;padding-top:80px}.services-header{background:var(--bolt-dark);padding:4rem 0;text-align:center}.services-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.services-header p{color:var(--bolt-text-muted);font-size:1.125rem}.services-detailed{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 0}.service-detail-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;display:flex;gap:2rem;padding:2rem}.service-icon-large{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.service-info h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.service-info p{color:#64748b;margin-bottom:1rem}.service-features{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.service-features li{align-items:center;color:#10b981;display:flex;font-size:.875rem;gap:.5rem}.service-areas-section{padding:3rem 0;text-align:center}.service-areas-section h2{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.service-areas-section>p{color:#64748b;margin-bottom:2rem}.areas-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.area-tag{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem}.bolt-faq-page{background:#f8fafc;min-height:100vh;padding-top:80px}.faq-header{background:var(--bolt-dark);padding:4rem 0;text-align:center}.faq-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.faq-header p{color:var(--bolt-text-muted);font-size:1.125rem}.faq-list{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px;padding:3rem 1.5rem}.faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;cursor:pointer;overflow:hidden;transition:all .3s}.faq-item:hover{box-shadow:0 4px 20px #0000001a}.faq-question{align-items:center;color:#0f172a;display:flex;font-weight:600;justify-content:space-between;padding:1.25rem 1.5rem}.faq-icon{color:#64748b;transition:transform .3s}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded .faq-answer{max-height:200px}.faq-answer p{color:#64748b;line-height:1.7;margin:0;padding:0 1.5rem 1.5rem}.bolt-contact-page{background:#f8fafc;min-height:100vh;padding-top:80px}.contact-header{background:var(--bolt-dark);padding:4rem 0;text-align:center}.contact-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.contact-header p{color:var(--bolt-text-muted);font-size:1.125rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr;padding:3rem 0}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:flex-start;display:flex;gap:1rem}.contact-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:var(--bolt-blue);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-item h4{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.contact-item p{color:#64748b;font-size:.875rem;margin:0}.social-links{display:flex;gap:.75rem;margin-top:1rem}.social-link{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#64748b;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.social-link:hover{background:var(--bolt-dark);color:#fff}.social-link.whatsapp:hover{background:#25d366}.contact-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.contact-form-card h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact-form input,.contact-form textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.875rem;outline:none;padding:.875rem 1rem;transition:all .2s;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--bolt-blue);box-shadow:0 0 0 3px #3b82f61a}.contact-form .btn-primary{align-self:flex-start}.bolt-footer{background:#fff;border-top:1px solid #e2e8f0;padding:4rem 0 2rem}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-brand .bolt-logo{margin-bottom:1rem}.footer-brand .bolt-logo .logo-icon{background:var(--bolt-dark)}.footer-brand .bolt-logo span{color:#0f172a}.footer-brand>p{color:#64748b;font-size:.875rem;line-height:1.7;margin-bottom:1.5rem}.footer-social{display:flex;gap:.75rem}.footer-social a{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.footer-social a:hover{background:var(--bolt-dark);color:#fff}.footer-contact h4,.footer-links h4{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:1rem}.footer-links button{background:none;border:none;color:#64748b;cursor:pointer;display:block;font-size:.875rem;margin-bottom:.75rem;padding:0;transition:color .2s}.footer-links button:hover{color:var(--bolt-blue)}.footer-contact p{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem}.footer-bottom{border-top:1px solid #e2e8f0;padding-top:2rem;text-align:center}.footer-bottom p{color:#94a3b8;font-size:.875rem}@media (max-width:1024px){.hero-content{grid-template-columns:1fr}.hero-visual{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.calculator-body,.network-cards,.rates-grid{grid-template-columns:1fr}.result-details-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.bolt-nav-links{background:var(--bolt-dark);border-top:1px solid var(--bolt-dark-border);display:none;flex-direction:column;gap:0;left:0;padding:1rem;position:absolute;right:0;top:100%}.bolt-nav-links.open{display:flex}.bolt-nav-links .nav-link{padding:.75rem 1rem;text-align:left;width:100%}.mobile-menu-toggle{display:block}.hero-text h1{font-size:2.25rem}.section-header h2{font-size:1.75rem}.contact-grid,.features-grid,.footer-grid,.form-row,.result-details-grid{grid-template-columns:1fr}.footer-grid{gap:2rem}.service-detail-card,.service-features{flex-direction:column}.service-features{gap:.5rem}.timeline-steps{overflow-x:auto;padding-bottom:.5rem}.step-label{font-size:.625rem;max-width:60px}.step-marker{height:32px;width:32px}*{-webkit-overflow-scrolling:touch}.main-content{padding:.75rem!important}.page-header{align-items:flex-start!important;flex-direction:column;gap:.5rem}.page-header h1{font-size:1.4rem!important}.page-header-right{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;white-space:nowrap;width:100%}.app-header{padding:.5rem .75rem!important}.page-title{font-size:1rem!important}.header-right{gap:.5rem!important}.sync-text{display:none!important}.sync-status{gap:0!important;padding:.35rem .5rem!important}.notification-btn{height:34px!important;width:34px!important}.connected-table,.expenses-table-wrap,.invoices-table-wrap,.manifests-table-wrap,.mapping-table,.sa-table,.webhooks-table{-webkit-overflow-scrolling:touch;margin:0 -.75rem;overflow-x:auto;padding:0 .75rem}.connected-table .table-header,.connected-table .table-row,.expenses-table-wrap table,.invoices-table-wrap table,.manifests-table-wrap table,.sa-thead,.sa-trow{min-width:700px}.courier-stats-grid,.stats-grid,.sync-stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.courier-stats-grid .stat-card,.stats-grid .stat-card,.sync-stats-grid .sync-stat{padding:.75rem .875rem!important}.courier-stats-grid .stat-content .stat-value,.stat-card .stat-value{font-size:1.35rem!important}.pipeline-banner{overflow-x:auto;padding:.65rem .875rem!important}.pipeline-flow{min-width:520px}.pipe-node{gap:.35rem!important;padding:.3rem .5rem!important}.pipe-label{font-size:.65rem!important}.pipe-stat{font-size:.55rem!important}.pipe-dot{height:5px!important;width:5px!important}.bottom-grid,.dashboard-grid{gap:.75rem!important;grid-template-columns:1fr!important}.dashboard-card{padding:.875rem!important}.card-header h3{font-size:.82rem!important}.approval-item,.flagged-item{padding:.65rem!important}.approval-main,.flagged-main{flex-wrap:wrap;gap:.35rem!important}.approval-actions,.flagged-actions{justify-content:flex-start!important;margin-top:.35rem;width:100%}.chart-container{height:160px!important}.quick-actions-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.health-row{padding:.35rem 0!important}.tenant-mini-row{padding:.3rem 0!important}.manifests-toolbar{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important}.toolbar-left,.toolbar-right{width:100%}.toolbar-right{display:flex;gap:.5rem}.search-input-wrap{min-width:0!important;min-width:auto!important;width:100%!important}.manifest-modal-v2{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.clean-body{flex-direction:column!important}.courier-sidebar{border-bottom:1px solid var(--border-subtle)!important;border-right:none!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.35rem!important;max-height:180px!important;overflow-x:auto!important;overflow-y:auto!important;padding:.5rem!important;width:100%!important}.courier-search,.courier-sidebar .sidebar-title{display:none!important}.courier-tab{align-items:center!important;border:1px solid var(--border-subtle)!important;border-radius:8px!important;flex-direction:column!important;flex-shrink:0!important;font-size:.72rem!important;min-width:100px!important;padding:.4rem .65rem!important;text-align:center!important}.courier-tab .tab-indicator{display:none!important}.courier-tab .tab-total{font-size:.65rem!important}.courier-content{padding:.5rem!important}.bags-table-wrap{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.bags-table-wrap table{min-width:500px!important}.add-bag-fields{grid-template-columns:1fr 1fr!important}.header-actions-group{gap:.35rem!important}.editing-indicator{font-size:.62rem!important;padding:2px 7px!important}.invoices-stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.invoices-toolbar{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important}.invoice-detail-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.invoice-info-bar{flex-wrap:wrap!important;gap:.5rem!important}.invoice-line-items{overflow-x:auto!important}.invoice-line-items table{min-width:500px!important}.expenses-stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.expenses-toolbar{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important}.expense-detail-grid{grid-template-columns:1fr!important}.couriers-page .page-toolbar{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important}.couriers-page .search-box{min-width:0!important;min-width:auto!important;width:100%!important}.couriers-page .filter-group{justify-content:space-between;width:100%}.couriers-page .couriers-grid{gap:.75rem!important;grid-template-columns:1fr!important}.couriers-page .card-stats{overflow:hidden!important}.couriers-page .mini-value{font-size:.78rem!important}.courier-profile-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.profile-header{padding:1rem!important}.profile-header,.profile-name-row{flex-wrap:wrap!important}.profile-meta{gap:.5rem!important}.profile-stats-bar{grid-template-columns:repeat(2,1fr)!important}.profile-tabs{overflow-x:auto!important;padding:0 .5rem!important}.profile-content{padding:.875rem!important}.info-grid{grid-template-columns:1fr!important}.owner-card{align-items:flex-start!important;gap:.5rem!important}.owner-card,.owner-contact{flex-direction:column!important}.owner-contact{gap:.15rem!important}.connection-banner{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important;padding:.75rem 1rem!important}.banner-meta{flex-wrap:wrap!important;gap:.35rem .75rem!important}.integration-tabs{overflow-x:auto!important}.integration-tabs .tab-btn{font-size:.75rem!important;padding:.6rem .75rem!important}.pipeline-visual{flex-direction:column!important;gap:0!important;padding:1rem!important}.pipeline-stage{flex-direction:row!important;gap:.75rem!important;min-width:0!important;min-width:auto!important;padding:.75rem!important;text-align:left!important;width:100%!important}.stage-icon{margin-bottom:0!important}.pipeline-connector{min-width:0!important;min-width:auto!important;padding:.35rem 0!important}.connector-line{height:24px!important;width:2px!important}.connector-pulse{animation:pulse-flow-v 2s infinite!important}}@media (max-width:768px){@keyframes pulse-flow-v{0%{left:0;top:-15px}to{left:0;top:40px}}.config-grid{grid-template-columns:1fr!important}.sync-stats-grid{grid-template-columns:repeat(2,1fr)!important}.transform-cards{grid-template-columns:1fr!important}.mapping-table .table-header,.mapping-table .table-row,.webhooks-table .table-header,.webhooks-table .table-row{min-width:700px}.architecture-banner{overflow-x:auto!important;padding:.75rem 1rem!important}.arch-flow{min-width:550px!important}.view-toolbar{flex-direction:column!important;gap:.5rem!important}.view-toolbar .search-box{min-width:0!important;min-width:auto!important;width:100%!important}.connected-stats{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.queue-contact{gap:.15rem!important}.queue-actions,.queue-contact{flex-direction:column!important}.onboarding-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.onboarding-progress{gap:0!important;overflow-x:auto!important;padding:.75rem!important}.progress-step{min-width:70px!important}.step-label{font-size:.62rem!important}.step-desc{display:none!important}.step-content{padding:1rem!important}.review-grid{grid-template-columns:1fr!important}.prefix-assignment{flex-direction:column!important}.portal-features{gap:.3rem!important}.portal-feature{padding:.5rem .65rem!important}.terms-item{flex-wrap:wrap!important;gap:.5rem!important}.terms-view-btn{margin-left:auto}.legal-layout{flex-direction:column!important;min-height:0!important;min-height:auto!important}.legal-sidebar{border-bottom:1px solid var(--border-subtle)!important;border-right:none!important;max-height:200px;overflow-y:auto;width:100%!important}.doc-title-row{flex-direction:column!important;gap:.5rem!important}.doc-actions{flex-wrap:wrap;width:100%}.doc-meta-bar{gap:.35rem .75rem!important}.doc-header{padding:1rem!important}.doc-body{padding:.875rem!important}.acceptance-settings{margin:0 .875rem .875rem!important}.sa-header{align-items:flex-start!important;flex-direction:column!important;gap:.35rem!important;padding:.65rem .875rem!important}.sa-tabs{gap:0!important;overflow-x:auto!important}.sa-tab{font-size:.72rem!important;gap:.35rem!important;padding:.6rem .75rem!important}.resource-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.resource-card{padding:.65rem .875rem!important}.resource-value{font-size:1.1rem!important}.service-table .sa-thead,.service-table .sa-trow{min-width:600px!important}.tenants-grid{min-width:900px!important}.logs-toolbar{flex-direction:column!important;gap:.5rem!important}.log-search{min-width:0!important;min-width:auto!important;width:100%!important}.log-filters{width:100%}.log-filters select{flex:1 1}.log-entry{flex-wrap:wrap!important;gap:.25rem .5rem!important;padding:.5rem .75rem!important}.log-msg{font-size:.72rem!important;line-height:1.4!important;order:10;white-space:normal!important;width:100%!important}.log-trace{display:none!important}.backup-config-row{grid-template-columns:1fr!important}.backup-grid{min-width:700px!important}.api-key-grid{min-width:900px!important}.endpoint-grid{min-width:700px!important}.rbac-grid{gap:.75rem!important;grid-template-columns:1fr!important}.backup-modal,.log-detail-modal,.preview-modal,.version-modal,.webhook-modal{border-radius:12px!important;max-height:90vh!important;max-width:95vw!important;width:95vw!important}.billing-stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.kpl-mix-grid{grid-template-columns:1fr!important}.profit-stats-grid{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.settings-tabs{overflow-x:auto!important}.branding-grid{grid-template-columns:1fr!important}.broadcast-layout{flex-direction:column!important}.broadcast-sidebar{width:100%!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{border-radius:16px 16px 0 0!important;max-height:92vh!important;width:100%!important}.modal-header{padding:.875rem 1rem!important;top:0;z-index:10}.modal-footer,.modal-header{background:var(--bg-card);position:-webkit-sticky;position:sticky}.modal-footer{border-top:1px solid var(--border-subtle);bottom:0;padding:.75rem 1rem!important}.modal-body{overflow-y:auto;padding:.875rem 1rem!important}.courier-profile-modal .modal-overlay,.invoice-detail-modal .modal-overlay,.manifest-modal-v2 .modal-overlay,.onboarding-modal .modal-overlay{align-items:stretch!important}.btn{font-size:.78rem!important;min-height:38px!important;padding:.45rem .875rem!important}.btn-sm{font-size:.72rem!important;min-height:32px!important;padding:.3rem .65rem!important}.icon-btn{height:32px!important;width:32px!important}.close-btn{height:34px!important;width:34px!important}.couriers-page .search-box,.log-search,.search-input-wrap,.view-toolbar .search-box{min-width:0!important;min-width:auto!important;width:100%!important}.notification-bell{height:36px;width:36px}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:1rem!important}.courier-stats-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.bottom-grid,.dashboard-grid{grid-template-columns:1fr 1fr!important}.couriers-page .couriers-grid{grid-template-columns:repeat(2,1fr)!important}.config-grid{grid-template-columns:1fr!important}.rbac-grid{grid-template-columns:repeat(2,1fr)!important}.sa-table{overflow-x:auto}.api-key-grid,.tenants-grid{min-width:900px}.modal-content{max-height:85vh!important;max-width:90vw!important}.manifest-modal-v2{height:90vh!important;max-width:95vw!important;width:95vw!important}.courier-profile-modal,.invoice-detail-modal,.onboarding-modal{max-width:90vw!important;width:90vw!important}}@media (max-width:380px){.add-bag-fields,.connected-stats,.courier-stats-grid,.expenses-stats-grid,.invoices-stats-grid,.quick-actions-grid,.resource-grid,.stats-grid,.sync-stats-grid{grid-template-columns:1fr!important}.pipeline-flow{min-width:400px!important}}.cmd-overlay{align-items:flex-start;animation:cmdFadeIn .15s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b3;display:flex;inset:0;justify-content:center;padding-top:12vh;position:fixed;z-index:9999}@keyframes cmdFadeIn{0%{opacity:0}to{opacity:1}}.cmd-container{animation:cmdSlideIn .2s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid #94a3b826;border-radius:14px;box-shadow:0 24px 48px #0006,0 0 0 1px #94a3b80f,0 0 60px #3b82f60f;display:flex;flex-direction:column;max-height:480px;max-width:92vw;overflow:hidden;width:580px}@keyframes cmdSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmd-input-wrap{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:.6rem;padding:.75rem 1rem}.cmd-search-icon{color:var(--text-dim);flex-shrink:0}.cmd-input{background:#0000;border:none;color:var(--text-main);flex:1 1;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;outline:none}.cmd-esc,.cmd-input::placeholder{color:var(--text-dim)}.cmd-esc{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:600;padding:2px 6px;transition:all .12s}.cmd-esc:hover{background:var(--bg-elevated);color:var(--text-main)}.cmd-results{flex:1 1;overflow-y:auto;padding:.35rem}.cmd-results::-webkit-scrollbar{width:4px}.cmd-results::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.cmd-empty{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;font-size:.82rem;gap:.5rem;padding:2.5rem 1rem}.cmd-empty svg{opacity:.3}.cmd-group{margin-bottom:.25rem}.cmd-group-label{color:var(--text-dim);font-size:.6rem;font-weight:700;letter-spacing:.08em;opacity:.6;padding:.5rem .75rem .25rem;text-transform:uppercase}.cmd-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.65rem;padding:.5rem .75rem;transition:background .08s}.cmd-item.active,.cmd-item:hover{background:#3b82f614}.cmd-item.active{background:#3b82f61f}.cmd-item-icon{color:var(--text-dim);flex-shrink:0;transition:color .1s}.cmd-item.active .cmd-item-icon{color:var(--primary-glow)}.cmd-item-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.cmd-item-label{color:var(--text-main);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item.active .cmd-item-label{color:#fff}.cmd-item-sub{color:var(--text-dim);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item-arrow{color:var(--primary-glow);flex-shrink:0;opacity:0;transform:translateX(-4px);transition:all .15s}.cmd-item.active .cmd-item-arrow{opacity:1;transform:translateX(0)}.cmd-footer{background:#0f172a80;border-top:1px solid var(--border-subtle);gap:1rem;padding:.5rem 1rem}.cmd-footer,.cmd-hint{align-items:center;display:flex}.cmd-hint{color:var(--text-dim);font-size:.6rem;gap:.25rem;opacity:.6}.cmd-hint svg{opacity:.7}.cmd-key{border-radius:3px;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.55rem;font-weight:600;padding:1px 4px}.cmd-key,.cmd-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle)}.cmd-trigger{border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:.78rem;gap:.5rem;padding:.4rem .75rem;transition:all .12s;white-space:nowrap}.cmd-trigger:hover{background:var(--bg-elevated);border-color:var(--border-active);color:var(--text-main)}.cmd-kbd{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-dim);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;gap:1px;line-height:1.4;padding:1px 5px}@media (max-width:768px){.cmd-overlay{padding-top:5vh}.cmd-container{max-height:70vh}.cmd-trigger .cmd-kbd,.cmd-trigger span{display:none}.cmd-trigger{padding:.4rem}}.couriers-page{padding:0}.courier-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.courier-stats-grid .stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .2s}.courier-stats-grid .stat-card:hover{border-color:var(--border-active)}.courier-stats-grid .stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.courier-stats-grid .stat-card.active .stat-icon{background:#84cc161f;color:#84cc16}.courier-stats-grid .stat-card.suspended .stat-icon{background:#fbbf241f;color:#fbbf24}.courier-stats-grid .stat-card.blocked .stat-icon{background:#f43f5e1f;color:#f43f5e}.courier-stats-grid .stat-card.total .stat-icon{background:#3b82f61f;color:#3b82f6}.courier-stats-grid .stat-content{display:flex;flex-direction:column}.courier-stats-grid .stat-content .stat-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.1}.courier-stats-grid .stat-content .stat-label{color:var(--text-dim);font-size:.75rem;letter-spacing:.03em;margin-top:2px;text-transform:uppercase}.couriers-page .page-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.couriers-page .search-box{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);display:flex;gap:.5rem;min-width:280px;padding:.5rem .75rem}.couriers-page .search-box input{background:#0000;border:none;color:var(--text-main);font-size:.875rem;outline:none;width:100%}.couriers-page .filter-group{align-items:center;display:flex;gap:.75rem}.couriers-page .status-filter{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:.875rem;outline:none;padding:.5rem .75rem}.couriers-page .status-filter:focus{border-color:var(--primary-glow)}.couriers-page .couriers-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.couriers-page .courier-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .25s ease}.couriers-page .courier-card:hover{border-color:var(--border-active);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.couriers-page .courier-card.suspended{border-left:3px solid #fbbf24}.couriers-page .courier-card.blocked{border-left:3px solid #f43f5e;opacity:.75}.couriers-page .card-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.couriers-page .card-header-top{align-items:center;display:flex;gap:.65rem}.couriers-page .card-header .courier-avatar{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:40px;justify-content:center;width:40px}.couriers-page .card-header .courier-name-wrap{flex:1 1;min-width:0}.couriers-page .card-header .courier-name-wrap h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-family:Sora,sans-serif;font-size:.92rem;font-weight:600;line-height:1.35;margin:0;overflow:hidden}.couriers-page .courier-type-tag{background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-dim);display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.account-badge{align-items:center;border-radius:100px;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:600;gap:4px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.account-badge.active{background:#84cc161f;color:#84cc16}.account-badge.suspended{background:#fbbf241f;color:#fbbf24}.account-badge.blocked{background:#f43f5e1f;color:#f43f5e}.couriers-page .card-contact{color:var(--text-dim);display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:.35rem;padding:.875rem 1.25rem}.couriers-page .card-contact span{align-items:center;display:flex;gap:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couriers-page .card-contact span svg{flex-shrink:0;opacity:.6}.couriers-page .card-stats{grid-gap:.5rem;background:var(--bg-surface);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin:0 1rem;overflow:hidden;padding:.75rem 1rem}.couriers-page .mini-stat{overflow:hidden;text-align:center}.couriers-page .mini-value{color:var(--text-main);display:block;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.couriers-page .mini-label{color:var(--text-dim);display:block;font-size:.62rem;letter-spacing:.02em;margin-top:2px;text-transform:uppercase}.couriers-page .card-invoiced{align-items:center;color:var(--text-dim);display:flex;font-size:.78rem;gap:.4rem;padding:.5rem 1.25rem}.couriers-page .card-invoiced svg{flex-shrink:0;opacity:.5}.couriers-page .card-invoiced .invoiced-label{color:var(--text-dim);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.couriers-page .card-invoiced .invoiced-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:.9rem;font-weight:700;margin-left:auto}.couriers-page .card-invoiced .invoiced-usd{color:var(--text-dim);font-size:.68rem;margin-left:.35rem;opacity:.7}.couriers-page .balance-warning{align-items:center;background:#f43f5e14;border:1px solid #f43f5e2e;border-radius:6px;color:#f43f5e;display:flex;font-size:.72rem;font-weight:600;gap:.5rem;margin:.5rem 1rem 0;padding:.4rem .75rem}.couriers-page .card-quick-actions{display:flex;gap:.4rem;margin-top:auto;padding:.6rem 1rem}.couriers-page .quick-action-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;flex:1 1;font-size:.7rem;font-weight:500;gap:.35rem;justify-content:center;padding:.45rem .5rem;transition:all .2s ease;white-space:nowrap}.couriers-page .quick-action-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.couriers-page .quick-action-btn svg{flex-shrink:0;opacity:.7}.couriers-page .quick-action-btn:hover svg{opacity:1}.couriers-page .card-footer{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-top:auto;padding:.75rem 1.25rem}.couriers-page .last-activity{color:var(--text-dim);font-size:.72rem}.couriers-page .card-footer svg{color:var(--text-dim);opacity:.5}.courier-profile-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;max-height:88vh;max-width:780px;overflow:hidden;width:95vw}.profile-header{align-items:flex-start;background:var(--bg-surface);border-bottom:3px solid var(--primary-glow);display:flex;gap:1rem;padding:1.5rem 1.5rem 1.25rem}.profile-avatar{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:800;height:56px;justify-content:center;width:56px}.profile-info{flex:1 1;min-width:0}.profile-name-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.35rem}.profile-name-row h2{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.2rem;font-weight:700;margin:0}.account-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 10px;text-transform:capitalize}.account-status-badge.active{background:#84cc161f;color:#84cc16}.account-status-badge.suspended{background:#fbbf241f;color:#fbbf24}.account-status-badge.blocked{background:#f43f5e1f;color:#f43f5e}.profile-meta{align-items:center;color:var(--text-dim);display:flex;flex-wrap:wrap;font-size:.78rem;gap:1rem}.profile-meta span{align-items:center;display:inline-flex;gap:4px}.status-reason{background:#fbbf2414;border:1px solid #fbbf2433;border-radius:6px;color:#fbbf24;font-size:.75rem;margin-top:.5rem;padding:.35rem .75rem}.profile-actions,.status-reason{align-items:center;display:flex;gap:.5rem}.profile-actions{flex-shrink:0}.profile-actions .close-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.profile-actions .close-btn:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.profile-stats-bar{border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(4,1fr)}.profile-stats-bar .stat-item{align-items:center;border-right:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:1rem 1.25rem}.profile-stats-bar .stat-item:last-child{border-right:none}.profile-stats-bar .stat-item svg{color:var(--text-dim);flex-shrink:0;opacity:.6}.profile-stats-bar .stat-details{display:flex;flex-direction:column}.profile-stats-bar .stat-details .stat-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.1}.profile-stats-bar .stat-details .stat-value.negative{color:#f43f5e}.profile-stats-bar .stat-details .stat-label{color:var(--text-dim);font-size:.68rem;letter-spacing:.03em;text-transform:uppercase}.profile-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0;padding:0 1rem}.profile-tabs .tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;font-size:.82rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.profile-tabs .tab-btn:hover{background:#ffffff05;color:var(--text-main)}.profile-tabs .tab-btn.active{border-bottom-color:var(--primary-glow);color:var(--primary-glow);font-weight:600}.profile-content{flex:1 1;min-height:280px;overflow-y:auto;padding:1.25rem 1.5rem}.tab-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h3{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.info-section h3 svg{color:var(--primary-glow);opacity:.7}.section-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.section-header h3{border-bottom:none;margin:0;padding-bottom:0}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:.3rem}.info-item.full-width{grid-column:1/-1}.info-item label{color:var(--text-dim);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.info-item span{color:var(--text-main);font-size:.875rem}.info-item span.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;letter-spacing:.03em}.info-item input,.info-item select,.info-item textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-size:.85rem;outline:none;padding:.5rem .75rem;transition:border-color .2s}.info-item input:focus,.info-item select:focus,.info-item textarea:focus{border-color:var(--primary-glow)}.prefix-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.owners-list{display:flex;flex-direction:column;gap:.75rem}.owner-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:border-color .2s}.owner-card:hover{border-color:var(--border-active)}.owner-avatar{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.owner-info{flex:1 1;min-width:0}.owner-name{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.owner-name span:first-child{color:var(--text-main);font-size:.9rem;font-weight:600}.owner-name input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-size:.85rem;outline:none;padding:.35rem .6rem}.owner-name input:focus{border-color:var(--primary-glow)}.owner-role{background:#3b82f614;border-radius:100px;color:var(--primary-glow);font-size:.7rem;font-weight:500;padding:2px 8px}.owner-contact{color:var(--text-dim);display:flex;font-size:.78rem;gap:1rem}.owner-contact span{align-items:center;display:inline-flex;gap:4px}.owner-card .remove-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.owner-card .remove-btn:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.documents-list{display:flex;flex-direction:column;gap:.6rem}.document-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s}.document-card:hover{border-color:var(--border-active)}.document-card.expired{border-color:#f43f5e40}.doc-icon{align-items:center;background:#3b82f614;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.document-card.expired .doc-icon{background:#f43f5e14;color:#f43f5e}.document-card.pending .doc-icon{background:#fbbf2414;color:#fbbf24}.doc-info{flex:1 1;min-width:0}.doc-name{color:var(--text-main);display:block;font-size:.875rem;font-weight:500;margin-bottom:2px}.doc-meta{color:var(--text-dim);display:flex;font-size:.72rem;gap:1rem}.doc-meta .expired{color:#f43f5e;font-weight:600}.doc-status{align-items:center;border-radius:100px;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:600;gap:4px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.doc-status.verified{background:#84cc161f;color:#84cc16}.doc-status.pending{background:#fbbf241f;color:#fbbf24}.doc-status.expired{background:#f43f5e1f;color:#f43f5e}.doc-actions{gap:.35rem}.doc-actions .icon-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s;width:30px}.doc-actions .icon-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.required-documents{background:#3b82f60a;border:1px solid #3b82f61a;border-radius:10px;margin-top:1.25rem;padding:1rem}.required-documents h4{color:var(--text-main);font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;margin:0 0 .5rem}.required-documents ul{display:flex;flex-direction:column;gap:.25rem;margin:0;padding-left:1.25rem}.required-documents li{color:var(--text-dim);font-size:.78rem}.profile-content .empty-state{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1rem;text-align:center}.profile-content .empty-state svg{margin-bottom:.75rem;opacity:.3}.profile-content .empty-state p{font-size:.85rem;margin:0 0 .75rem}.inner-modal-overlay{align-items:center;background:#0009;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.inner-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;max-width:420px;padding:1.5rem;width:90%}.inner-modal h3{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.05rem;font-weight:600;margin:0 0 .5rem}.inner-modal p{color:var(--text-dim);font-size:.85rem;margin:0 0 1rem}.inner-modal .form-group{margin-bottom:1rem}.inner-modal .form-group label{color:var(--text-dim);display:block;font-size:.75rem;font-weight:500;margin-bottom:.35rem;text-transform:uppercase}.inner-modal textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.85rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;width:100%}.inner-modal textarea:focus{border-color:var(--primary-glow)}.restriction-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.restriction-options .btn{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;text-align:left}.restriction-options .btn .btn-desc{font-size:.72rem;font-weight:400;opacity:.7}.btn.btn-warning{background:#fbbf241f;border:1px solid #fbbf2440;color:#fbbf24}.btn.btn-warning:hover{background:#fbbf2433}.btn.btn-danger{background:#f43f5e1f;border:1px solid #f43f5e40;color:#f43f5e}.btn.btn-danger:hover{background:#f43f5e33}.btn.btn-success{background:#84cc161f;border:1px solid #84cc1640;color:#84cc16}.btn.btn-success:hover{background:#84cc1633}.btn.full-width{justify-content:center;width:100%}.btn-sm{font-size:.78rem!important;padding:.35rem .75rem!important}@media (max-width:1200px){.courier-stats-grid{grid-template-columns:repeat(2,1fr)}.couriers-page .couriers-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (max-width:768px){.courier-stats-grid{grid-template-columns:repeat(2,1fr)}.couriers-page .couriers-grid{grid-template-columns:1fr}.couriers-page .page-toolbar{align-items:stretch;flex-direction:column}.couriers-page .search-box{min-width:0;min-width:auto}.couriers-page .card-contact,.couriers-page .card-header{padding:.75rem .875rem}.couriers-page .card-stats{gap:.35rem;margin:0 .75rem;padding:.65rem .75rem}.couriers-page .mini-value{font-size:.78rem}.couriers-page .mini-label{font-size:.58rem}.couriers-page .balance-warning{margin:.4rem .75rem 0}.couriers-page .card-footer{padding:.65rem 1rem}.couriers-page .card-quick-actions{gap:.3rem;padding:.5rem .75rem}.couriers-page .quick-action-btn{font-size:.65rem;gap:.25rem;padding:.4rem .35rem}.profile-header{flex-wrap:wrap}.profile-actions{justify-content:flex-end;width:100%}.profile-stats-bar{grid-template-columns:repeat(2,1fr)}.profile-stats-bar .stat-item:nth-child(2){border-right:none}.info-grid{grid-template-columns:1fr}.owner-contact{flex-direction:column;gap:.25rem}}.bbf-summary-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.bbf-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:.5rem}.bbf-stat{text-align:center}.bbf-stat.highlight{background:#f43f5e0a;border-radius:8px;padding:.5rem}.bbf-stat-label{color:var(--text-dim);display:block;font-size:.65rem;font-weight:600;letter-spacing:.03em;margin-bottom:.2rem;text-transform:uppercase}.bbf-stat-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700}.aging-breakdown{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.65rem}.aging-title{color:var(--text-dim);display:block;font-size:.68rem;font-weight:600;letter-spacing:.03em;margin-bottom:.4rem;text-transform:uppercase}.aging-items{display:flex;flex-wrap:wrap;gap:1rem}.aging-items span{font-size:.78rem;font-weight:600}.aging-active{color:#84cc16}.aging-warn{color:#f59e0b}.aging-danger{color:#ef4444}.aging-critical{color:#f43f5e}.aging-dim{color:var(--text-dim);opacity:.5}.payments-list{display:flex;flex-direction:column;gap:.5rem}.payment-record{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.65rem .75rem}.payment-record.pending{border-left:3px solid #f59e0b}.payment-date{align-items:center;color:var(--text-dim);display:flex;font-size:.78rem;gap:.3rem;white-space:nowrap}.payment-amount{color:#84cc16;font-family:Sora,sans-serif;font-size:.92rem;font-weight:700;white-space:nowrap}.method-tag{align-items:center;border-radius:5px;display:inline-flex;font-size:.68rem;font-weight:600;padding:2px 8px;white-space:nowrap}.method-tag.method-cash{background:#84cc161a;color:#84cc16}.method-tag.method-cheque{background:#3b82f61a;color:#3b82f6}.method-tag.method-bank_transfer{background:#a855f71a;color:#a855f7}.method-tag.method-amber_pay{background:#f59e0b1a;color:#f59e0b}.payment-ref{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.7rem;white-space:nowrap}.payment-invoices{display:flex;flex-wrap:wrap;gap:.25rem}.inv-tag{background:#3b82f614;border-radius:4px;color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:.65rem;padding:1px 5px}.payment-status-dot{align-items:center;display:inline-flex;font-size:.65rem;font-weight:600;gap:.2rem;margin-left:auto}.payment-status-dot.completed{color:#84cc16}.payment-status-dot.pending{color:#f59e0b}@media (max-width:768px){.bbf-row{grid-template-columns:1fr}.aging-items{flex-direction:column;gap:.35rem}.payment-record{align-items:flex-start;flex-direction:column}}.reports-page{padding:0}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.reports-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0}.reports-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.65rem 1rem;transition:all .2s;white-space:nowrap}.reports-tab:hover{color:var(--text-main)}.reports-tab.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.reports-actions{align-items:center;display:flex;gap:.75rem}.date-range-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:.8rem;outline:none;padding:.5rem .75rem}.btn-export{align-items:center;background:#3b82f61f;border:1px solid #3b82f640;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.btn-export:hover{background:#3b82f633;border-color:#3b82f666}.reports-content{animation:reportsFadeIn .25s ease}@keyframes reportsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.kpi-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.875rem;overflow:hidden;padding:1.25rem;position:relative}.kpi-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card.revenue:before{background:#84cc16}.kpi-card.expenses:before{background:#f43f5e}.kpi-card.profit:before{background:#3b82f6}.kpi-card.packages:before{background:#a855f7}.kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.kpi-card.revenue .kpi-icon{background:#84cc161a;color:#84cc16}.kpi-card.expenses .kpi-icon{background:#f43f5e1a;color:#f43f5e}.kpi-card.profit .kpi-icon{background:#3b82f61a;color:#3b82f6}.kpi-card.packages .kpi-icon{background:#a855f71a;color:#a855f7}.kpi-data{flex:1 1;min-width:0}.kpi-label{color:var(--text-dim);display:block;font-size:.72rem;letter-spacing:.03em;margin-bottom:.35rem;text-transform:uppercase}.kpi-amount .amount-primary{font-size:1.2rem!important}.kpi-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.4rem;font-weight:700}.kpi-trend{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.72rem;font-weight:600;gap:.2rem;padding:3px 8px;white-space:nowrap}.kpi-trend.up{background:#84cc161a;color:#84cc16}.kpi-trend.down{background:#f43f5e1a;color:#f43f5e}.bar-chart-container{align-items:flex-end;display:flex;gap:1rem;justify-content:space-around;min-height:220px;padding:1.25rem 1.5rem .5rem}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.35rem}.bar-labels{color:var(--text-dim);font-size:.65rem;min-height:16px;text-align:center}.bar-revenue-label{color:#84cc16;font-weight:600}.bars{align-items:flex-end;display:flex;gap:3px}.bar{border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease;width:24px}.revenue-bar{background:#84cc16}.expense-bar{background:#f43f5e99}.bar-month{color:var(--text-dim);font-size:.68rem;font-weight:500}.chart-legend{border-top:1px solid var(--border-subtle);display:flex;gap:1.5rem;justify-content:center;margin:.75rem 1.25rem 0;padding:.75rem 0 .25rem}.legend-item{align-items:center;color:var(--text-dim);display:flex;font-size:.72rem;gap:.4rem}.legend-dot{border-radius:3px;height:10px;width:10px}.legend-dot.revenue{background:#84cc16}.legend-dot.expense{background:#f43f5e99}.report-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.report-card-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:.875rem 1.25rem}.report-card-header h3{align-items:center;color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.report-card-header h3 svg{color:var(--primary-glow);opacity:.7}.report-table{overflow-x:auto}.report-table table{border-collapse:collapse;width:100%}.report-table th{background:var(--bg-surface);color:var(--text-dim);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.6rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.report-table td{border-bottom:1px solid #ffffff08;color:var(--text-main);font-size:.82rem;padding:.65rem 1rem}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background:hsla(0,0%,100%,.015)}.totals-row td{background:var(--bg-surface)!important;border-top:2px solid var(--border-subtle)}.amount-green{color:#84cc16;font-weight:600}.amount-red{color:#f43f5e;font-weight:600}.amount-dim{color:var(--text-dim);font-size:.78rem}.margin-badge,.ratio-badge{border-radius:4px;display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px}.margin-badge.good,.ratio-badge.good{background:#84cc161a;color:#84cc16}.margin-badge.warn,.ratio-badge.warn{background:#fbbf241a;color:#fbbf24}.ratio-badge.bad{background:#f43f5e1a;color:#f43f5e}.trend-up{color:#84cc16}.trend-down,.trend-up{align-items:center;display:flex}.trend-down{color:#f43f5e}.share-bar-wrap{align-items:center;display:flex;gap:.5rem}.share-bar{background:#3b82f6;border-radius:100px;height:6px;min-width:4px}.overdue-row td{background:#f43f5e08!important}.reports-two-col{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.reports-two-col .report-card{margin-bottom:0}.courier-prefix{align-items:center;border-radius:7px;display:inline-flex;font-size:.7rem;font-weight:700;height:30px;justify-content:center;width:30px}.rate-badge{border-radius:4px;display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px}.rate-badge.good{background:#84cc161a;color:#84cc16}.rate-badge.warn{background:#fbbf241a;color:#fbbf24}.rate-badge.bad{background:#f43f5e1a;color:#f43f5e}.horizontal-bars{padding:1.25rem}.h-bar-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.h-bar-label{color:var(--text-main);flex-shrink:0;font-size:.8rem;font-weight:500;text-align:right;width:140px}.h-bar-track{background:var(--bg-surface);border-radius:6px;flex:1 1;height:22px;overflow:hidden}.h-bar-fill{border-radius:6px;height:100%;transition:width .6s ease}.h-bar-value{color:var(--text-main);flex-shrink:0;font-family:Sora,sans-serif;font-size:.78rem;font-weight:600;width:60px}.expense-donut{padding:1.25rem}.expense-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.6rem 0}.expense-row:last-child{border-bottom:none}.expense-row-left{align-items:center;display:flex;gap:.6rem;min-width:0}.expense-dot{border-radius:3px;flex-shrink:0;height:10px;width:10px}.expense-cat{color:var(--text-main);font-size:.82rem;font-weight:500}.expense-row-right{align-items:center;display:flex;gap:.75rem}.expense-pct-bar{background:var(--bg-surface);border-radius:100px;height:6px;overflow:hidden;width:80px}.expense-pct-fill{border-radius:100px;height:100%}.expense-pct{color:var(--text-dim);font-size:.75rem;font-weight:600;text-align:right;width:36px}.expense-total{align-items:center;background:var(--bg-surface);border-top:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-size:.88rem;font-weight:600;justify-content:space-between;padding:.875rem 1.25rem}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.reports-two-col{grid-template-columns:1fr}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}.reports-header{align-items:flex-start;flex-direction:column}.reports-tabs{overflow-x:auto;width:100%}.reports-actions{width:100%}.h-bar-label{font-size:.72rem;width:100px}.bar-chart-container{gap:.5rem;padding:1rem .75rem .5rem}.bar{width:16px}}.payments-page{padding:0}.payment-summary-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.pay-summary-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.75rem;overflow:hidden;padding:1.15rem;position:relative}.pay-summary-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.pay-summary-card.collected:before{background:#84cc16}.pay-summary-card.outstanding:before{background:#f59e0b}.pay-summary-card.overdue:before{background:#f43f5e}.pay-summary-card.count:before{background:#3b82f6}.pay-summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pay-summary-card.collected .pay-summary-icon{background:#84cc161a;color:#84cc16}.pay-summary-card.outstanding .pay-summary-icon{background:#f59e0b1a;color:#f59e0b}.pay-summary-card.overdue .pay-summary-icon{background:#f43f5e1a;color:#f43f5e}.pay-summary-card.count .pay-summary-icon{background:#3b82f61a;color:#3b82f6}.pay-summary-data{flex:1 1;min-width:0}.pay-summary-label{color:var(--text-dim);display:block;font-size:.7rem;letter-spacing:.03em;margin-bottom:.3rem;text-transform:uppercase}.pay-summary-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.4rem;font-weight:700}.pay-summary-trend{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.72rem;font-weight:600;gap:.2rem;padding:3px 8px;white-space:nowrap}.pay-summary-trend.up{background:#84cc161a;color:#84cc16}.bbf-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.bbf-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:.875rem 1.25rem}.bbf-header,.bbf-header h3{align-items:center;display:flex}.bbf-header h3{color:var(--text-main);font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.bbf-header h3 svg{color:var(--primary-glow);opacity:.7}.bbf-table{overflow-x:auto}.bbf-table table{border-collapse:collapse;width:100%}.bbf-table th{background:var(--bg-surface);color:var(--text-dim);font-size:.65rem;font-weight:600;letter-spacing:.03em;padding:.6rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.bbf-table td{border-bottom:1px solid #ffffff08;color:var(--text-main);font-size:.82rem;padding:.6rem .75rem}.bbf-table tr:last-child td{border-bottom:none}.bbf-table tr.has-balance{background:#f43f5e05}.bbf-table tr:hover td{background:hsla(0,0%,100%,.015)}.outstanding-amount{font-weight:600}.paid-full{align-items:center;display:inline-flex;font-size:.78rem;gap:.3rem}.aging-current,.paid-full{color:#84cc16;font-weight:600}.aging-30{color:#f59e0b;font-weight:600}.aging-60{color:#ef4444;font-weight:600}.aging-90{color:#f43f5e;font-weight:700}.btn-sm-action{align-items:center;background:#84cc161f;border:1px solid #84cc1640;border-radius:6px;color:#84cc16;cursor:pointer;display:inline-flex;font-size:.68rem;font-weight:600;gap:.25rem;padding:.3rem .6rem;transition:all .15s;white-space:nowrap}.btn-sm-action:hover{background:#84cc1633}.btn-sm-action.amber{background:#f59e0b1f;border-color:#f59e0b40;color:#f59e0b}.btn-sm-action.amber:hover{background:#f59e0b33}.courier-cell{align-items:center;display:flex;gap:.5rem}.courier-prefix-badge{align-items:center;border-radius:7px;display:inline-flex;font-size:.68rem;font-weight:700;height:28px;justify-content:center;width:28px}.courier-name{font-weight:500}.method-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.72rem;font-weight:600;gap:.3rem;padding:3px 9px;white-space:nowrap}.method-badge.method-cash{background:#84cc161a;color:#84cc16}.method-badge.method-cheque{background:#3b82f61a;color:#3b82f6}.method-badge.method-bank_transfer{background:#a855f71a;color:#a855f7}.method-badge.method-amber_pay{background:#f59e0b1a;color:#f59e0b}.linked-invoices{display:flex;flex-wrap:wrap;gap:.25rem}.invoice-link{background:#3b82f614;border-radius:4px;color:#3b82f6;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.68rem;padding:1px 6px}.invoice-link:hover{background:#3b82f626}.voided-row td{opacity:.5;text-decoration:line-through}.voided-row .status-pill{background:#64748b1a!important;color:#64748b!important}.btn-amber{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s}.btn-amber:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.payment-modal{max-width:580px}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-grid .full-width{grid-column:1/-1}.form-group label{color:var(--text-dim);display:block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-bottom:.4rem;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.85rem;outline:none;padding:.55rem .75rem;transition:border-color .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.form-group textarea{min-height:70px;resize:vertical}.amber-pay-modal{border-radius:16px;max-width:400px;overflow:hidden}.amber-header{background:linear-gradient(135deg,#f59e0b,#d97706);justify-content:space-between;padding:1rem 1.25rem}.amber-header,.amber-logo{align-items:center;display:flex}.amber-logo{color:#fff;font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700;gap:.5rem}.amber-header .close-btn{color:#fffc}.amber-header .close-btn:hover{color:#fff}.amber-body{padding:1.5rem}.amber-secure-badge{align-items:center;color:#84cc16;display:flex;font-size:.68rem;font-weight:600;gap:.35rem;justify-content:center;margin-bottom:1.25rem}.amber-form .form-group{margin-bottom:1rem}.amber-form .form-row{display:flex;gap:.75rem}.amber-form .form-row .form-group{flex:1 1}.amber-amount-display{align-items:center;background:var(--bg-surface);border-radius:8px;color:var(--text-dim);display:flex;font-size:.82rem;justify-content:space-between;margin:1.25rem 0;padding:.75rem 1rem}.amber-total{color:#f59e0b;font-size:1.2rem}.amber-pay-btn,.amber-total{font-family:Sora,sans-serif;font-weight:700}.amber-pay-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.amber-pay-btn:hover{box-shadow:0 4px 16px #f59e0b4d;transform:translateY(-1px)}.amber-footer-text{color:var(--text-dim);font-size:.65rem;margin-top:1rem;opacity:.7;text-align:center}.amber-processing{padding:3rem 2rem;text-align:center}.amber-spinner{animation:amberSpin .8s linear infinite;border:3px solid var(--border-subtle);border-radius:50%;border-top:3px solid #f59e0b;height:48px;margin:0 auto 1.25rem;width:48px}@keyframes amberSpin{to{transform:rotate(1turn)}}.amber-processing p{color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .35rem}.amber-processing span{color:var(--text-dim);font-size:.78rem}.amber-success{padding:2rem;text-align:center}.amber-check-circle{align-items:center;background:#84cc161a;border-radius:50%;color:#84cc16;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.amber-success h3{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 .35rem}.amber-success p{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.82rem;margin:0 0 1.25rem}.amber-receipt-info{background:var(--bg-surface);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.amber-receipt-info div{display:flex;font-size:.82rem;justify-content:space-between;padding:.35rem 0}.amber-receipt-info div span:first-child{color:var(--text-dim)}.amber-receipt-info div span:last-child{color:var(--text-main);font-weight:600}@media (max-width:1200px){.payment-summary-grid{grid-template-columns:repeat(2,1fr)}.automation-summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.form-grid,.payment-summary-grid{grid-template-columns:1fr}.amber-form .form-row{flex-direction:column}.payments-page-tabs{flex-wrap:wrap}.rule-card{align-items:flex-start;flex-direction:column}}.payments-page-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0;margin-bottom:1.5rem}.page-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.5rem;padding:.7rem 1.25rem;transition:all .2s;white-space:nowrap}.page-tab:hover{color:var(--text-main)}.page-tab.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.tab-badge{background:#84cc161f;border-radius:100px;color:#84cc16;font-size:.62rem;font-weight:700;padding:2px 7px}.automation-view{animation:reportsFadeIn .25s ease}.automation-summary-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.auto-summary-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;gap:.75rem;padding:1.15rem}.auto-icon,.auto-summary-card{align-items:center;display:flex}.auto-icon{border-radius:10px;flex-shrink:0;height:42px;justify-content:center;width:42px}.auto-icon.rules{background:#a855f71a;color:#a855f7}.auto-icon.sent{background:#84cc161a;color:#84cc16}.auto-icon.channels{background:#22c55e1a;color:#22c55e}.auto-data{flex:1 1}.auto-label{color:var(--text-dim);display:block;font-size:.68rem;letter-spacing:.03em;margin-bottom:.2rem;text-transform:uppercase}.auto-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700}.reminder-log-section,.rules-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.rules-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:.875rem 1.25rem}.rules-header,.rules-header h3{align-items:center;display:flex}.rules-header h3{color:var(--text-main);font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin:0}.rules-header h3 svg{color:var(--primary-glow);opacity:.7}.rules-list{padding:.5rem}.rule-card{align-items:flex-start;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.875rem;transition:all .15s}.rule-card:hover{border-color:var(--border-active)}.rule-card.disabled{opacity:.55}.rule-toggle{cursor:pointer;flex-shrink:0;margin-top:.1rem}.rule-info{flex:1 1;min-width:0}.rule-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.rule-name{color:var(--text-main);font-size:.88rem;font-weight:600}.trigger-badge{border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}.trigger-badge.trigger-invoice_overdue{background:#f43f5e1a;color:#f43f5e}.trigger-badge.trigger-invoice_due_soon{background:#f59e0b1a;color:#f59e0b}.trigger-badge.trigger-balance_aging{background:#a855f71a;color:#a855f7}.trigger-badge.trigger-payment_received{background:#84cc161a;color:#84cc16}.trigger-badge.trigger-monthly_statement{background:#3b82f61a;color:#3b82f6}.rule-template{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dim);display:-webkit-box;font-size:.75rem;line-height:1.4;margin-bottom:.4rem;overflow:hidden}.rule-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rule-channel,.rule-lastrun,.rule-sent{align-items:center;display:flex;font-size:.7rem;font-weight:600;gap:.25rem}.rule-lastrun,.rule-sent{color:var(--text-dim)}.rule-lastrun{opacity:.7}.unknowns-page{padding:0}.unknowns-toggle-row{margin-bottom:1rem}.toggle-switch{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);cursor:pointer;display:inline-flex;font-size:.82rem;gap:.5rem;padding:.5rem .75rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-switch:hover{border-color:var(--border-active)}.unknowns-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.btn-outline{border:1px solid #3b82f64d;color:#3b82f6;font-size:.8rem;gap:.4rem;transition:all .15s}.btn-outline:hover{background:#3b82f614}.btn-outline.active{background:#3b82f61f;border-color:#3b82f6}.filter-panel{animation:filterSlide .2s ease;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}@keyframes filterSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(4,1fr)}.filter-field label{color:var(--text-dim);display:block;font-size:.68rem;font-weight:600;letter-spacing:.03em;margin-bottom:.35rem;text-transform:uppercase}.filter-field input,.filter-field select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.82rem;outline:none;padding:.5rem .7rem;transition:border-color .15s;width:100%}.filter-field input:focus,.filter-field select:focus{border-color:#3b82f6}.unknowns-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0;margin-bottom:.75rem}.unknowns-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.5rem;padding:.7rem 1.25rem;transition:all .2s;white-space:nowrap}.unknowns-tab.active,.unknowns-tab:hover{color:var(--text-main)}.unknowns-tab.active{border-bottom-color:var(--text-main);font-weight:600}.unknowns-tab.claimed.active{border-bottom-color:#f59e0b;color:#f59e0b}.unknowns-tab.verified.active{border-bottom-color:#84cc16;color:#84cc16}.tab-count{font-family:Sora,sans-serif;font-size:.92rem;font-weight:700}.unknowns-tab.claimed .tab-count{color:#f59e0b}.unknowns-tab.verified .tab-count{color:#84cc16}.info-icon{color:#06b6d4;cursor:help;margin-left:.2rem}.unknowns-pagination{align-items:center;display:flex;gap:.35rem;margin-bottom:.75rem}.unknowns-pagination button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.unknowns-pagination button:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-main)}.unknowns-pagination button:disabled{cursor:not-allowed;opacity:.3}.page-info{color:var(--text-dim);font-size:.78rem;margin:0 .5rem}.unknowns-table-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow-x:auto}.unknowns-table{border-collapse:collapse;min-width:900px;width:100%}.unknowns-table th{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.65rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.unknowns-table td{border-bottom:1px solid #ffffff08;padding:.75rem;vertical-align:top}.unknowns-table tr:last-child td{border-bottom:none}.unknowns-table tbody tr:hover td{background:hsla(0,0%,100%,.015)}.empty-cell{color:var(--text-dim);padding:3rem 1rem!important;text-align:center}.empty-cell p{font-size:.85rem;margin:.5rem 0 0}.action-cell{display:flex;gap:.35rem}.action-icon-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-dim);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.action-icon-btn.claim:hover{background:#3b82f61f;border-color:#3b82f64d;color:#3b82f6}.action-icon-btn.image:hover{background:#a855f71f;border-color:#a855f74d;color:#a855f7}.pkg-cell{min-width:180px}.pkg-house{color:var(--text-main);font-size:.82rem;margin-bottom:.2rem}.pkg-house strong{font-family:JetBrains Mono,monospace}.pkg-sub{color:var(--text-dim);font-size:.72rem}.location-cell{display:flex;flex-direction:column;gap:.2rem}.warehouse-badge{background:#06b6d41a;border-radius:5px;color:#06b6d4;display:inline-flex;font-size:.7rem;font-weight:700;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.shelf-label{color:var(--text-dim);font-size:.72rem}.customer-cell{min-width:140px}.customer-name{color:var(--text-main);display:block;font-size:.85rem;font-weight:500;margin-bottom:.2rem}.service-type{align-items:center;color:var(--text-dim);display:inline-flex;font-size:.7rem;gap:.25rem}.merchant-cell{min-width:160px}.merchant-name{color:var(--text-main);font-size:.85rem;font-weight:700}.merchant-name,.tracking-masked{display:block;margin-bottom:.15rem}.tracking-masked{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.72rem}.received-date{color:var(--text-dim);display:block;font-size:.7rem;opacity:.7}.desc-cell{min-width:140px}.desc-text{color:var(--text-main);display:block;font-size:.82rem;margin-bottom:.2rem}.weight-text{color:var(--text-dim);font-size:.75rem;font-weight:500}.claim-info-cell{min-width:150px}.claim-courier{align-items:center;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;margin-bottom:.25rem}.claim-ref{font-family:JetBrains Mono,monospace;margin-bottom:.15rem}.claim-date,.claim-ref{color:var(--text-dim);display:block;font-size:.7rem}.claim-date{margin-bottom:.25rem;opacity:.7}.verified-badge{background:#84cc161a;color:#84cc16}.pending-badge,.verified-badge{align-items:center;border-radius:5px;display:inline-flex;font-size:.65rem;font-weight:700;gap:.25rem;padding:2px 8px}.pending-badge{background:#f59e0b1a;color:#f59e0b}.claim-modal{max-width:520px}.claim-pkg-summary{background:var(--bg-surface);border-radius:10px;margin-bottom:1.25rem;padding:.875rem}.claim-pkg-row{display:flex;font-size:.82rem;justify-content:space-between;padding:.3rem 0}.claim-label{color:var(--text-dim)}.claim-value{color:var(--text-main);font-weight:500}.claim-form .tracking-input{font-family:JetBrains Mono,monospace;font-size:1.1rem;letter-spacing:.15em;padding:.75rem;text-align:center}.form-hint{color:var(--text-dim);display:block;font-size:.68rem;margin-top:.35rem}.image-modal{max-width:500px}.image-placeholder{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.image-placeholder svg{margin-bottom:1rem;opacity:.3}.image-placeholder p{font-size:.88rem;margin:0 0 .35rem}@media (max-width:1200px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}.unknowns-tabs{overflow-x:auto}.unknowns-actions{flex-direction:column}.btn-outline{justify-content:center}}.support-page{display:flex;gap:0;height:calc(100vh - 120px);overflow:hidden}.support-page.detail-open .support-list-panel{border-right:1px solid var(--border-subtle);flex:0 0 420px}.support-list-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.support-stats{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 0 1rem}.support-stat{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;min-width:100px;padding:.6rem 1rem;transition:all .15s}.support-stat:hover{border-color:var(--border-active)}.support-stat.critical{border-color:#f43f5e4d}.stat-icon.open{color:#3b82f6}.stat-icon.escalated{color:#f59e0b}.stat-icon.resolved{color:#84cc16}.stat-icon.critical{color:#f43f5e}.stat-data{display:flex;flex-direction:column}.stat-value{font-family:Sora,sans-serif;font-size:1.15rem;line-height:1}.stat-label{font-size:.65rem;letter-spacing:.03em;margin-top:.15rem}.support-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.support-search{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex:1 1;gap:.4rem;min-width:180px;padding:.45rem .7rem}.support-search input{background:#0000;border:none;color:var(--text-main);font-size:.82rem;outline:none;width:100%}.support-search svg{color:var(--text-dim);flex-shrink:0}.support-filters{display:flex;gap:.35rem}.support-filters select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-main);cursor:pointer;font-size:.75rem;outline:none;padding:.45rem .6rem}.ticket-list{flex:1 1;overflow-y:auto;padding-right:.25rem}.ticket-list::-webkit-scrollbar{width:4px}.ticket-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.ticket-empty{color:var(--text-dim);padding:3rem 1rem;text-align:center}.ticket-empty svg{margin-bottom:.75rem;opacity:.3}.ticket-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .15s}.ticket-card:hover{background:var(--bg-elevated);border-color:var(--border-active)}.ticket-card.selected{background:#3b82f60a;border-color:#3b82f6}.ticket-card.escalated{border-left:3px solid #f59e0b}.ticket-card.resolved{opacity:.65}.ticket-card-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.priority-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.priority-dot.priority-critical{animation:critPulse 1.5s ease infinite;background:#f43f5e}.priority-dot.priority-high{background:#f59e0b}.priority-dot.priority-medium{background:#3b82f6}.priority-dot.priority-low{background:#64748b}@keyframes critPulse{0%,to{opacity:1}50%{opacity:.4}}.ticket-card-id{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600}.status-mini{align-items:center;border-radius:4px;display:inline-flex;font-size:.62rem;font-weight:700;gap:.2rem;margin-left:auto;padding:1px 7px;text-transform:uppercase}.status-mini.status-open{background:#3b82f61a;color:#3b82f6}.status-mini.status-escalated{background:#f59e0b1a;color:#f59e0b}.status-mini.status-resolved{background:#84cc161a;color:#84cc16}.ticket-card-subject{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.35;margin-bottom:.4rem;overflow:hidden}.ticket-card-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.category-mini{align-items:center;display:flex;font-size:.68rem;font-weight:600;gap:.2rem}.ticket-card-meta{align-items:center;color:var(--text-dim);display:flex;font-size:.72rem;gap:.3rem}.ticket-card-time{color:var(--text-dim);font-size:.68rem;margin-left:auto;opacity:.7}.ticket-card-replies{align-items:center;color:var(--text-dim);display:flex;font-size:.68rem;gap:.2rem}.ticket-detail{animation:detailSlide .2s ease;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 0 0 1.25rem}@keyframes detailSlide{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.ticket-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-bottom:.75rem}.ticket-id-large{color:var(--text-dim);display:block;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;margin-bottom:.2rem}.ticket-detail-title h2{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700;margin:0}.ticket-meta-bar{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0}.category-tag{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:3px 9px}.priority-tag{border-radius:4px;font-size:.65rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.priority-tag.priority-critical{background:#f43f5e1a;color:#f43f5e}.priority-tag.priority-high{background:#f59e0b1a;color:#f59e0b}.priority-tag.priority-medium{background:#3b82f61a;color:#3b82f6}.priority-tag.priority-low{background:#64748b1a;color:#64748b}.status-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:700;gap:.25rem;padding:2px 8px;text-transform:uppercase}.status-tag.status-open{background:#3b82f61a;color:#3b82f6}.status-tag.status-escalated{background:#f59e0b1a;color:#f59e0b}.status-tag.status-resolved{background:#84cc161a;color:#84cc16}.ticket-meta-item{align-items:center;color:var(--text-dim);display:flex;font-size:.72rem;gap:.25rem}.escalation-banner{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;margin:.75rem 0}.escalation-banner,.resolved-banner{align-items:center;display:flex;font-size:.78rem;font-weight:500;gap:.5rem;padding:.6rem 1rem}.resolved-banner{background:#84cc160f;border:1px solid #84cc1633;border-radius:8px;color:#84cc16;margin-top:.75rem}.ticket-messages{flex:1 1;overflow-y:auto;padding:.75rem 0}.ticket-msg{border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:.75rem;padding:.75rem}.ticket-msg.msg-tenant{background:var(--bg-surface);border-left:3px solid #3b82f6}.ticket-msg.msg-admin{background:var(--bg-surface);border-left:3px solid #84cc16}.ticket-msg.msg-superadmin{background:#f43f5e05;border-left:3px solid #f43f5e}.ticket-msg.msg-system{background:var(--bg-surface);border-left:3px solid #64748b}.msg-header{justify-content:space-between;margin-bottom:.4rem}.msg-header,.msg-sender{align-items:center;display:flex}.msg-sender{font-size:.78rem;font-weight:700;gap:.3rem}.msg-sender.role-tenant{color:#3b82f6}.msg-sender.role-admin{color:#84cc16}.msg-sender.role-superadmin{color:#f43f5e}.msg-sender.role-system{color:#64748b}.msg-time{color:var(--text-dim);font-size:.68rem;opacity:.7}.msg-body{color:var(--text-main);font-size:.85rem;line-height:1.5}.ticket-reply-box{border-top:1px solid var(--border-subtle);padding-top:.75rem}.ticket-reply-box textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-main);font-size:.85rem;margin-bottom:.5rem;min-height:80px;outline:none;padding:.65rem;resize:vertical;width:100%}.ticket-reply-box textarea:focus{border-color:#3b82f6}.reply-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-escalate{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:all .15s}.btn-escalate:hover{background:#f59e0b2e}.btn-resolve{align-items:center;background:#84cc161a;border:1px solid #84cc164d;border-radius:8px;color:#84cc16;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:all .15s}.btn-resolve:hover{background:#84cc162e}.ticket-modal{max-width:560px}@media (max-width:1024px){.support-page{flex-direction:column;height:auto}.support-page.detail-open .support-list-panel{border-bottom:1px solid var(--border-subtle);border-right:none;flex:none;max-height:300px}.ticket-detail{padding:1rem 0 0}}@media (max-width:768px){.support-stats{flex-wrap:wrap}.support-stat{min-width:80px}.support-toolbar{flex-direction:column}.support-filters{width:100%}.support-filters select{flex:1 1}.reply-actions{flex-direction:column}}.ir-page{display:flex;gap:0;height:calc(100vh - 120px);overflow:hidden}.ir-page.detail-open .ir-list-panel{border-right:1px solid var(--border-subtle);flex:0 0 420px}.ir-list-panel{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ir-stats{flex-wrap:wrap;padding:0 0 1rem}.ir-stat,.ir-stats{display:flex;gap:.5rem}.ir-stat{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;flex:1 1;min-width:100px;padding:.6rem 1rem;transition:all .15s}.ir-stat:hover{border-color:var(--border-active)}.ir-stat.critical{border-color:#f43f5e4d}.ir-stat-icon.total{color:#64748b}.ir-stat-icon.requested{color:#f59e0b}.ir-stat-icon.uploaded{color:#3b82f6}.ir-stat-icon.approved{color:#84cc16}.ir-stat-icon.rejected{color:#f43f5e}.ir-toolbar{flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.ir-search,.ir-toolbar{align-items:center;display:flex}.ir-search{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;flex:1 1;gap:.4rem;min-width:180px;padding:.45rem .7rem}.ir-search input{background:#0000;border:none;color:var(--text-main);font-size:.82rem;outline:none;width:100%}.ir-search svg{color:var(--text-dim);flex-shrink:0}.ir-filters{display:flex;gap:.35rem}.ir-filters select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-main);cursor:pointer;font-size:.75rem;outline:none;padding:.45rem .6rem}.ir-list{flex:1 1;overflow-y:auto;padding-right:.25rem}.ir-list::-webkit-scrollbar{width:4px}.ir-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.ir-empty{color:var(--text-dim);padding:3rem 1rem;text-align:center}.ir-empty svg{margin-bottom:.75rem;opacity:.3}.ir-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:all .15s}.ir-card:hover{background:var(--bg-elevated);border-color:var(--border-active)}.ir-card.selected{background:#3b82f60a;border-color:#3b82f6}.ir-card.pending{border-left:3px solid #f59e0b}.ir-card.partial{border-left:3px solid #3b82f6}.ir-card.complete{border-left:3px solid #84cc16;opacity:.7}.ir-card-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.3rem}.ir-card-id{font-size:.68rem;font-weight:600}.ir-card-id,.ir-card-manifest{color:var(--text-dim);font-family:JetBrains Mono,monospace}.ir-card-manifest{align-items:center;display:flex;font-size:.65rem;gap:.2rem;opacity:.7}.ir-status-mini{align-items:center;border-radius:4px;display:inline-flex;font-size:.62rem;font-weight:700;gap:.2rem;margin-left:auto;padding:1px 7px;text-transform:uppercase}.ir-card-tenant{align-items:center;color:var(--text-main);display:flex;font-size:.82rem;font-weight:600;gap:.4rem;margin-bottom:.3rem}.ir-card-note{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.78rem;line-height:1.35;margin-bottom:.4rem;overflow:hidden}.ir-card-bottom{flex-wrap:wrap;gap:.6rem}.ir-card-bottom,.ir-card-pkgs{align-items:center;display:flex}.ir-card-pkgs{color:var(--text-dim);font-size:.7rem;font-weight:600;gap:.25rem}.ir-card-progress{display:flex;flex:1 1;gap:.4rem}.ir-prog{border-radius:3px;font-size:.62rem;font-weight:700;padding:1px 6px}.ir-prog.approved{background:#84cc161a;color:#84cc16}.ir-prog.uploaded{background:#3b82f61a;color:#3b82f6}.ir-prog.rejected{background:#f43f5e1a;color:#f43f5e}.ir-card-time{color:var(--text-dim);font-size:.68rem;margin-left:auto;opacity:.7}.ir-detail{animation:irSlide .2s ease;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 0 0 1.25rem}@keyframes irSlide{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.ir-detail-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-bottom:.75rem}.ir-detail-id{color:var(--text-dim);display:block;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;margin-bottom:.2rem}.ir-detail-header h2{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700;margin:0}.ir-detail-meta{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.6rem;padding:.75rem 0}.ir-detail-meta-item{align-items:center;color:var(--text-dim);display:flex;font-size:.75rem;gap:.3rem}.ir-detail-note{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:.82rem;line-height:1.45;margin:.75rem 0;padding:.65rem .85rem}.ir-detail-note strong{color:var(--text-main);margin-right:.3rem}.ir-detail-packages{flex:1 1;margin-top:.5rem;overflow-y:auto}.ir-pkg-table-header{color:var(--text-dim);font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.5rem .65rem;text-transform:uppercase}.ir-pkg-row,.ir-pkg-table-header{grid-gap:.5rem;border-bottom:1px solid var(--border-subtle);display:grid;gap:.5rem;grid-template-columns:1.2fr 1fr 1.4fr .7fr 1.3fr .8fr}.ir-pkg-row{align-items:center;padding:.65rem;transition:background .12s}.ir-pkg-row:hover{background:var(--bg-surface)}.ir-pkg-row.status-rejected{background:#f43f5e05}.ir-pkg-cell{color:var(--text-muted);font-size:.8rem}.ir-pkg-cell-id{color:var(--text-main);display:block;font-size:.75rem;font-weight:600}.ir-pkg-cell-bag,.ir-pkg-cell-id{font-family:JetBrains Mono,monospace}.ir-pkg-cell-bag{color:var(--text-dim);font-size:.65rem}.ir-pkg-value{color:var(--text-main);font-weight:600}.ir-invoice-status{align-items:center;border-radius:5px;display:inline-flex;font-size:.68rem;font-weight:700;gap:.25rem;padding:2px 8px}.ir-pkg-filename{color:var(--text-dim);font-size:.65rem;margin-top:.2rem}.ir-pkg-filename,.ir-pkg-reject-hint{align-items:center;display:flex;gap:.2rem}.ir-pkg-reject-hint{color:#f43f5e;cursor:help;font-size:.62rem;margin-top:.15rem}.ir-pkg-actions{align-items:center;display:flex;gap:.4rem}.ir-approved-check{color:#84cc16}.btn-sm{font-size:.72rem!important;padding:.3rem .6rem!important}.ir-modal{max-width:640px}.ir-step{border-bottom:1px solid var(--border-subtle);display:flex;gap:.75rem;padding:.75rem 0}.ir-step:last-child{border-bottom:none}.ir-step-num{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:26px;justify-content:center;width:26px}.ir-step-content{flex:1 1}.ir-step-content label{color:var(--text-main);display:block;font-size:.78rem;font-weight:600;margin-bottom:.4rem}.ir-step-content select,.ir-step-content textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.82rem;outline:none;padding:.5rem .65rem;width:100%}.ir-step-content textarea{min-height:60px;resize:vertical}.ir-step-content select:focus,.ir-step-content textarea:focus{border-color:var(--primary)}.ir-pkg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:0}.btn-link:hover{text-decoration:underline}.ir-pkg-grid{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto}.ir-pkg-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:flex;gap:.65rem;padding:.55rem .65rem;transition:all .12s}.ir-pkg-item:hover{border-color:var(--border-active)}.ir-pkg-item.selected{background:#3b82f60d;border-color:var(--primary)}.ir-pkg-check{align-items:center;border:2px solid var(--border-subtle);border-radius:5px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .12s;width:22px}.ir-pkg-item.selected .ir-pkg-check{background:var(--primary);border-color:var(--primary);color:#fff}.ir-pkg-info{flex:1 1;min-width:0}.ir-pkg-info .ir-pkg-id{color:var(--text-main);display:block;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.ir-pkg-info .ir-pkg-desc{color:var(--text-muted);display:block;font-size:.78rem}.ir-pkg-info .ir-pkg-meta{align-items:center;color:var(--text-dim);display:flex;font-size:.7rem;gap:.3rem}.ir-single-badge{background:#f59e0b1a;border-radius:4px;color:#f59e0b;flex-shrink:0;font-size:.6rem;font-weight:700;padding:2px 7px;text-transform:uppercase}.ir-upload-modal{max-width:480px}.ir-upload-pkg-info{background:var(--bg-surface);border-radius:8px;margin-bottom:1rem;padding:.65rem .85rem}.ir-upload-row{display:flex;font-size:.8rem;gap:.5rem;padding:.2rem 0}.ir-upload-label{color:var(--text-dim);font-weight:600;min-width:85px}.ir-upload-row span:last-child{color:var(--text-main)}.ir-upload-zone{align-items:center;border:2px dashed var(--border-subtle);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center;transition:all .2s}.ir-upload-zone:hover{background:#3b82f605;border-color:var(--primary)}.ir-upload-zone.drag-over{background:#3b82f60d;border-color:var(--primary)}.ir-upload-zone.has-file{background:#84cc1608;border-color:#84cc16;border-style:solid;cursor:default}.ir-upload-zone svg{color:var(--text-dim)}.ir-upload-zone p{color:var(--text-muted);font-size:.85rem;margin:0}.ir-upload-hint{color:var(--text-dim);font-size:.72rem}.ir-upload-file{align-items:center;display:flex;gap:.75rem;width:100%}.ir-upload-file svg{color:#84cc16;flex-shrink:0}.ir-upload-filename{color:var(--text-main);flex:1 1;font-size:.85rem;font-weight:600;text-align:left}.ir-upload-filesize{color:var(--text-dim);font-size:.72rem}.ir-upload-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px}.ir-upload-remove:hover{color:#f43f5e}.ir-reject-notice{background:#f43f5e0d;border:1px solid #f43f5e33;border-radius:8px;display:flex;gap:.5rem;margin-top:.75rem;padding:.65rem .85rem}.ir-reject-notice svg{color:#f43f5e;flex-shrink:0;margin-top:2px}.ir-reject-notice strong{color:#f43f5e;display:block;font-size:.78rem}.ir-reject-notice p{color:var(--text-muted);font-size:.78rem;margin:.2rem 0 0}.ir-review-modal{max-width:500px}.ir-review-file{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.85rem}.ir-review-file-icon{color:var(--primary)}.ir-review-file-info{flex:1 1}.ir-review-filename{color:var(--text-main);display:block;font-size:.85rem;font-weight:600}.ir-review-filesize{color:var(--text-dim);display:block;font-size:.72rem}.ir-review-date{color:var(--text-dim);display:block;font-size:.68rem;opacity:.7}.ir-reject-form{margin-bottom:.5rem}.ir-reject-form label{color:var(--text-main);display:block;font-size:.78rem;font-weight:600;margin-bottom:.3rem}.ir-reject-form textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:.82rem;outline:none;padding:.5rem .65rem;resize:vertical;width:100%}.ir-reject-form textarea:focus{border-color:#f43f5e}.btn-approve{align-items:center;background:#84cc161f;border:1px solid #84cc164d;border-radius:8px;color:#84cc16;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:all .15s}.btn-approve:hover{background:#84cc1633}.btn-reject{align-items:center;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:8px;color:#f43f5e;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:.4rem;padding:.45rem .85rem;transition:all .15s}.btn-reject:hover{background:#f43f5e2e}.btn-reject:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.ir-page{flex-direction:column;height:auto}.ir-page.detail-open .ir-list-panel{border-bottom:1px solid var(--border-subtle);border-right:none;flex:none;max-height:300px}.ir-detail{padding:1rem 0 0}.ir-pkg-table-header{display:none}.ir-pkg-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.4rem;padding:.75rem}}@media (max-width:768px){.ir-stats{flex-wrap:wrap}.ir-stat{min-width:80px}.ir-toolbar{flex-direction:column}.ir-filters{width:100%}.ir-filters select{flex:1 1}}.tasoko-page{padding:0}.tasoko-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tasoko-header h1{align-items:center;color:var(--text-main);display:flex;font-size:1.35rem;font-weight:700;gap:.5rem;margin:0}.tasoko-header .subtitle{color:var(--text-dim);font-size:.8rem;margin-top:.25rem}.header-actions{display:flex;flex-shrink:0;gap:.5rem}.btn-outline{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.btn-outline:hover:not(:disabled){background:#3b82f60d;border-color:var(--primary-glow);color:var(--primary-glow)}.btn-primary{align-items:center;background:var(--primary-glow);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn-outline:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;animation:slideIn .25s ease;border-radius:10px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.625rem 1rem}.alert button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.6;padding:2px}.alert button:hover{opacity:1}.alert-success{background:#22c55e14;border:1px solid #22c55e33;color:#22c55e}.alert-error{background:#ef444414;border:1px solid #ef444433;color:#ef4444}.alert-warning{background:#f59e0b14;border:1px solid #f59e0b33;color:#f59e0b}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tasoko-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.25rem}.stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.stat-card:hover{border-color:#94a3b833;box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-label{color:var(--text-dim);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{align-items:center;color:var(--text-main);display:flex;font-size:1.05rem;font-weight:700;gap:.375rem}.tasoko-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media (max-width:900px){.tasoko-grid{grid-template-columns:1fr}}.tasoko-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;transition:all .2s ease}.tasoko-card:hover{border-color:#94a3b82e}.tasoko-card.full-width{grid-column:1/-1}.tasoko-card h3{align-items:center;color:var(--text-main);display:flex;font-size:.85rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.config-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.config-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:.75rem;justify-content:space-between;padding:.375rem 0}.config-label{color:var(--text-dim);flex-shrink:0;font-size:.75rem;font-weight:600}.config-value{background:var(--bg-surface);border-radius:6px;color:var(--text-muted);font-size:.72rem;max-width:280px;overflow:hidden;padding:.2rem .5rem;text-overflow:ellipsis;white-space:nowrap}.config-flow{background:var(--bg-surface);border-radius:10px;gap:.5rem;justify-content:center;padding:.75rem}.config-flow,.flow-step{align-items:center;display:flex}.flow-step{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:var(--text-dim);font-size:.72rem;font-weight:600;gap:.35rem;padding:.35rem .65rem}.flow-step.active{background:#3b82f61a;border-color:#3b82f640;color:var(--primary-glow)}.mapping-rows{display:flex;flex-direction:column;gap:.4rem}.mapping-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;flex-wrap:wrap;gap:.5rem;padding:.4rem 0}.map-from{background:#f59e0b14;color:#f59e0b}.map-from,.map-to{border-radius:4px;font-size:.7rem;padding:.15rem .4rem}.map-to{background:#22c55e14;color:#22c55e}.map-desc{color:var(--text-dim);font-size:.68rem;margin-left:auto}.empty-sync{color:var(--text-dim);padding:2.5rem 1rem;text-align:center}.empty-sync p{font-size:.82rem;margin-top:.5rem}.error-hint{cursor:help;font-size:.7rem;margin-left:.25rem}.endpoint-panel-header h3{margin-bottom:0!important}.endpoint-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:1rem}@media (max-width:900px){.endpoint-grid{grid-template-columns:1fr}}.endpoint-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:.875rem;transition:all .2s ease}.endpoint-card:hover{border-color:#94a3b833;box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.endpoint-card-top{align-items:flex-start;display:flex;gap:.625rem}.endpoint-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.endpoint-info{flex:1 1;min-width:0}.endpoint-name{align-items:center;color:var(--text-main);display:flex;font-size:.82rem;font-weight:700;gap:.375rem}.method-badge{border-radius:4px;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.04em;padding:.1rem .35rem}.endpoint-desc{color:var(--text-dim);font-size:.7rem;margin-top:.15rem}.endpoint-status{align-items:center;display:flex;flex-shrink:0;gap:.3rem;margin-left:auto}.endpoint-url{margin-top:.5rem}.endpoint-url code{background:#ffffff08;border-radius:5px;display:block;overflow:hidden;padding:.2rem .5rem;text-overflow:ellipsis;white-space:nowrap}.endpoint-timing,.endpoint-url code{color:var(--text-dim);font-size:.65rem}.endpoint-timing{align-items:center;display:flex;gap:.25rem;margin-top:.4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.tenant-onboarding-page{padding:0}.architecture-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:1.25rem;overflow-x:auto;padding:1.25rem 1.5rem}.arch-flow{gap:0;min-width:700px}.arch-flow,.arch-node{align-items:center;display:flex}.arch-node{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:130px;padding:.75rem 1.25rem;text-align:center;transition:all .2s}.arch-node:hover{border-color:var(--border-active)}.arch-node span:first-of-type{color:var(--text-main);font-size:.78rem;font-weight:500}.arch-node svg{margin-bottom:.15rem}.arch-node.source svg{color:#f43f5e}.arch-node.core svg{color:#3b82f6}.arch-node.tenants svg{color:#a855f7}.arch-node.customers svg{color:#84cc16}.arch-node.highlight{background:#3b82f60a;border-color:#3b82f64d}.arch-status{border-radius:100px;font-size:.62rem;font-weight:600;letter-spacing:.03em;padding:1px 8px;text-transform:uppercase}.arch-status.active{background:#84cc161a;color:#84cc16}.arch-arrow{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:60px}.arrow-line{background:var(--border-subtle);height:2px;overflow:hidden;position:relative;width:40px}.arrow-pulse{animation:pulse-flow 2s infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:100%;left:-20px;position:absolute;top:0;width:20px}@keyframes pulse-flow{0%{left:-20px}to{left:60px}}.arch-arrow span{color:var(--text-dim);font-size:.6rem;white-space:nowrap}.onboarding-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:0;margin-bottom:1.5rem}.onboarding-tabs .tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-dim);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.onboarding-tabs .tab-btn:hover{color:var(--text-main)}.onboarding-tabs .tab-btn.active{border-bottom-color:var(--primary-glow);color:var(--primary-glow);font-weight:600}.view-toolbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.view-toolbar .search-box{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);display:flex;gap:.5rem;min-width:280px;padding:.5rem .75rem}.view-toolbar .search-box input{background:#0000;border:none;color:var(--text-main);font-size:.85rem;outline:none;width:100%}.connected-table{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.connected-table .table-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.connected-table .table-header,.connected-table .table-row{display:grid;grid-template-columns:2fr .6fr .9fr .8fr .8fr .8fr .7fr 1.5fr;padding:.75rem 1.25rem}.connected-table .table-row{align-items:center;border-bottom:1px solid #ffffff08;color:var(--text-main);font-size:.82rem;transition:background .15s}.connected-table .table-row:hover{background:#ffffff05}.connected-table .table-row:last-child{border-bottom:none}.tenant-name-cell{align-items:center;display:flex;font-weight:500;gap:.6rem}.tenant-prefix-dot{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:28px;justify-content:center;width:28px}.prefix-cell{font-size:.82rem;font-weight:600}.sync-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:2px 8px;text-transform:capitalize}.sync-badge.active{background:#84cc161a;color:#84cc16}.sync-badge.warning{background:#fbbf241a;color:#fbbf24}.sync-badge.offline{background:#64748b1a;color:#64748b}.dim{font-size:.8rem}.stat-cell{font-family:Sora,sans-serif;font-weight:600}.feature-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:2px 8px}.feature-badge.active{background:#84cc161a;color:#84cc16}.feature-badge.inactive{background:#64748b14;color:#64748b}.website-link{align-items:center;color:#3b82f6;display:inline-flex;font-size:.75rem;gap:4px;text-decoration:none;transition:opacity .2s}.website-link:hover{opacity:.8}.connected-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.conn-stat{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;padding:1rem;text-align:center}.conn-stat-value{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700}.conn-stat-label{color:var(--text-dim);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.onboarding-queue{display:flex;flex-direction:column;gap:1rem}.queue-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1.25rem 1.5rem;transition:border-color .2s}.queue-card:hover{border-color:var(--border-active)}.queue-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.queue-info h4{color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.queue-meta{color:var(--text-dim);display:flex;font-size:.75rem;gap:1rem}.queue-meta span{align-items:center;display:inline-flex;gap:4px}.queue-status{border-radius:100px;font-size:.72rem;font-weight:600;padding:3px 10px}.queue-status.pending_review{background:#fbbf241a;color:#fbbf24}.queue-status.in_progress{background:#3b82f61a;color:#3b82f6}.queue-contact{color:var(--text-dim);display:flex;font-size:.8rem;gap:1.5rem;margin-bottom:1rem}.queue-contact span{align-items:center;display:inline-flex;gap:4px}.queue-progress{margin-bottom:1rem}.progress-bar{background:var(--bg-surface);border-radius:100px;height:4px;margin-bottom:.35rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#84cc16);border-radius:100px;height:100%;transition:width .3s}.progress-text{color:var(--text-dim);font-size:.72rem}.queue-actions{display:flex;gap:.5rem}.onboarding-modal{display:flex;flex-direction:column;max-height:88vh;max-width:720px;width:95vw}.modal-subtitle{color:var(--text-dim);font-size:.78rem}.onboarding-progress{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;gap:0;overflow-x:auto;padding:1rem 1.5rem}.progress-step{flex:1 1;flex-direction:column;min-width:90px;position:relative;text-align:center}.progress-step,.step-indicator{align-items:center;display:flex}.step-indicator{border-radius:50%;flex-shrink:0;height:32px;justify-content:center;margin-bottom:.35rem;width:32px}.progress-step.completed .step-indicator{color:#84cc16}.progress-step.active .step-indicator{color:#3b82f6}.progress-step.pending .step-indicator{color:var(--text-dim);opacity:.35}.step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:.72rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-info{display:flex;flex-direction:column}.step-label{color:var(--text-main);font-size:.72rem;font-weight:600}.step-desc{color:var(--text-dim);font-size:.6rem}.progress-step.pending .step-desc,.progress-step.pending .step-label{opacity:.4}.step-connector{background:var(--border-subtle);height:2px;left:calc(50% + 20px);position:absolute;top:16px;width:calc(100% - 40px)}.progress-step.completed .step-connector{background:#84cc16}.step-content{flex:1 1;overflow-y:auto;padding:1.5rem}.step-panel h4{color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .5rem}.step-description{color:var(--text-dim);font-size:.85rem;margin:0 0 1.25rem}.review-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.review-item{display:flex;flex-direction:column;gap:.2rem}.review-item .label{color:var(--text-dim);font-size:.7rem;font-weight:500;text-transform:uppercase}.review-item .value{color:var(--text-main);font-size:.875rem}.review-item .value.status.pending{color:#fbbf24}.prefix-assignment{align-items:flex-start;display:flex;gap:2rem}.prefix-input-group{flex:1 1}.prefix-input-group label{color:var(--text-dim);display:block;font-size:.75rem;font-weight:500;margin-bottom:.35rem;text-transform:uppercase}.prefix-input{display:flex;gap:.5rem;margin-bottom:.35rem}.prefix-input input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;outline:none;padding:.6rem .75rem;text-align:center;text-transform:uppercase;width:80px}.prefix-input input:focus{border-color:var(--primary-glow)}.prefix-hint{color:var(--text-dim);font-size:.72rem}.prefix-preview{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem}.preview-label{color:var(--text-dim);display:block;font-size:.7rem;margin-bottom:.5rem;text-transform:uppercase}.preview-codes{display:flex;flex-direction:column;gap:.3rem}.preview-codes code{background:#3b82f60f;border-radius:4px;color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:.82rem;padding:.3rem .6rem}.sync-setup{display:flex;flex-direction:column;gap:1.25rem}.sync-flow-mini{align-items:center;background:var(--bg-surface);border-radius:10px;display:flex;gap:.75rem;justify-content:center;padding:1rem}.flow-node{border:1px solid var(--border-subtle);border-radius:8px;font-size:.82rem;font-weight:600;padding:.5rem 1rem}.flow-node.kcd{background:#f43f5e0f;color:#f43f5e}.flow-node.core{background:#3b82f60f;color:#3b82f6}.flow-node.tenant{background:#a855f70f;color:#a855f7}.flow-arrow{color:var(--text-dim);opacity:.4}.sync-options{display:flex;flex-direction:column;gap:.5rem}.sync-option{align-items:center;background:var(--bg-surface);border-radius:8px;color:var(--text-main);display:flex;font-size:.85rem;gap:.75rem;padding:.6rem .75rem}.portal-features{display:flex;flex-direction:column;gap:.4rem}.portal-feature{align-items:center;background:var(--bg-surface);border:1px solid #ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:.65rem .75rem}.feature-info{display:flex;flex-direction:column}.feature-name{color:var(--text-main);font-size:.85rem;font-weight:500}.feature-desc{color:var(--text-dim);font-size:.72rem}.feature-toggle.on{color:#84cc16;cursor:pointer}.feature-toggle.off{color:var(--text-dim);cursor:pointer;opacity:.4}.website-setup{display:flex;flex-direction:column;gap:.75rem}.website-option{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:1rem}.website-option svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.option-title{color:var(--text-main);display:block;font-size:.82rem;font-weight:600;margin-bottom:.15rem}.website-option code{color:#3b82f6;display:block;font-family:JetBrains Mono,monospace;font-size:.78rem}.website-option span:not(.option-title){color:var(--text-dim);font-size:.78rem}.go-live{text-align:center}.go-live-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#84cc1626);border-radius:50%;color:#3b82f6;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.go-live-list{display:inline-flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0;text-align:left}.go-live-list li{align-items:center;color:var(--text-main);display:flex;font-size:.85rem;gap:.5rem}.go-live-list li svg{color:#84cc16}.footer-right{display:flex;gap:.5rem}.terms-checklist{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.terms-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:border-color .2s}.terms-item:hover{border-color:var(--border-active)}.terms-checkbox{flex-shrink:0}.checkbox-box{align-items:center;background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:5px;color:#0000;cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .2s;width:22px}.checkbox-box:hover{border-color:var(--primary-glow)}.checkbox-box.required{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.terms-info{flex:1 1;min-width:0}.terms-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.2rem}.terms-title{color:var(--text-main);font-size:.875rem;font-weight:600}.terms-version{background:var(--bg-card);border-radius:3px;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;padding:1px 6px}.terms-required{color:#f43f5e;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.terms-desc{color:var(--text-dim);font-size:.75rem;line-height:1.4;margin:0}.terms-view-btn{flex-shrink:0}.terms-summary-box{background:#3b82f60a;border:1px solid #3b82f61f;border-radius:10px;display:flex;gap:.75rem;padding:1rem}.terms-summary-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.terms-summary-box strong{color:var(--text-main);display:block;font-size:.82rem;margin-bottom:.2rem}.terms-summary-box p{color:var(--text-dim);font-size:.75rem;line-height:1.4;margin:0}@media (max-width:1200px){.connected-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.arch-flow{min-width:500px}.connected-table .table-header,.connected-table .table-row{grid-template-columns:2fr .5fr .8fr .8fr}.connected-table .table-header span:nth-child(n+5),.connected-table .table-row span:nth-child(n+5){display:none}.connected-stats{grid-template-columns:1fr 1fr}.queue-contact{gap:.25rem}.prefix-assignment,.queue-contact{flex-direction:column}.review-grid{grid-template-columns:1fr}}.legal-page{padding:0}.legal-layout{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;display:flex;gap:0;min-height:calc(100vh - 140px);overflow:hidden}.legal-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem}.sidebar-header svg{color:var(--primary-glow)}.legal-nav-item{align-items:center;background:#0000;border:none;border-left:2px solid #0000;color:var(--text-dim);cursor:pointer;display:flex;gap:.6rem;padding:.65rem 1.25rem;text-align:left;transition:all .15s;width:100%}.legal-nav-item:hover{background:#ffffff08;color:var(--text-main)}.legal-nav-item.active{background:#3b82f60f;border-left-color:var(--primary-glow);color:var(--text-main)}.legal-nav-item svg:first-child{flex-shrink:0;opacity:.6}.legal-nav-item.active svg:first-child{color:var(--primary-glow);opacity:1}.nav-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.nav-item-title{font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item-meta{color:var(--text-dim);font-size:.65rem}.status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-dot.published{background:#84cc16}.status-dot.draft{background:#fbbf24}.sidebar-divider{background:var(--border-subtle);height:1px;margin:.5rem 1rem}.sidebar-stats{display:flex;gap:1rem;margin-top:auto;padding:.75rem 1.25rem}.sidebar-stat{align-items:center;display:flex;flex-direction:column}.stat-val{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700}.stat-lbl{color:var(--text-dim);font-size:.62rem;text-transform:uppercase}.legal-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.doc-header{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.5rem}.doc-title-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.doc-title-info h2{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.doc-badges{align-items:center;display:flex;gap:.5rem}.doc-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:600;gap:4px;padding:2px 10px;text-transform:capitalize}.doc-status-badge.published{background:#84cc161a;color:#84cc16}.doc-status-badge.draft{background:#fbbf241a;color:#fbbf24}.doc-version{background:var(--bg-surface);border-radius:4px;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;padding:2px 8px}.doc-actions{display:flex;flex-shrink:0;gap:.4rem}.doc-meta-bar{align-items:center;color:var(--text-dim);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1.25rem;margin-bottom:.5rem}.doc-meta-bar span{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.doc-meta-bar .warn{color:#fbbf24}.doc-meta-bar .good{color:#84cc16}.doc-summary{color:var(--text-dim);font-size:.85rem;line-height:1.5;margin:0}.doc-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.5rem}.doc-rendered{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1.5rem}.doc-text{word-wrap:break-word;color:var(--text-main);font-family:Inter,-apple-system,sans-serif;font-size:.82rem;line-height:1.7;margin:0;white-space:pre-wrap}.doc-editor{border:1px solid var(--primary-glow);border-radius:10px;overflow:hidden}.editor-toolbar{align-items:center;background:#3b82f60f;border-bottom:1px solid #3b82f626;display:flex;justify-content:space-between;padding:.5rem 1rem}.toolbar-label{color:#3b82f6;font-size:.78rem;font-weight:600}.toolbar-hint{color:var(--text-dim);font-size:.7rem}.editor-textarea{background:var(--bg-surface);border:none;color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;min-height:500px;outline:none;padding:1.25rem;resize:vertical;width:100%}.acceptance-settings{border:1px solid var(--border-subtle);border-radius:10px;margin:0 1.5rem 1.5rem;overflow:hidden}.acceptance-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-size:.82rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.acceptance-header svg{color:var(--primary-glow);opacity:.7}.acceptance-body{padding:.25rem 0}.acceptance-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.75rem 1rem}.acceptance-row:last-child{border-bottom:none}.acceptance-info{display:flex;flex-direction:column}.acceptance-label{color:var(--text-main);font-size:.82rem;font-weight:500}.acceptance-desc{color:var(--text-dim);font-size:.72rem}.config-select{font-size:.8rem}.version-modal{max-width:600px}.version-timeline{display:flex;flex-direction:column;gap:0}.version-item{border-bottom:1px solid #ffffff08;display:flex;gap:.75rem;padding:1rem 0}.version-item:last-child{border-bottom:none}.version-marker{display:flex;flex-shrink:0;justify-content:center;width:28px}.version-item.current .version-marker{color:#84cc16}.version-item.archived .version-marker{color:var(--text-dim);opacity:.4}.version-content{flex:1 1;min-width:0}.version-header-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.version-num{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}.current-badge{background:#84cc161a;border-radius:100px;color:#84cc16;font-size:.62rem;font-weight:600;padding:1px 7px}.version-date{color:var(--text-dim);font-size:.72rem}.version-changes{color:var(--text-dim);font-size:.8rem;line-height:1.4;margin:0 0 .2rem}.version-author{color:var(--text-dim);font-size:.68rem;opacity:.7}.version-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:.3rem}.preview-modal{max-height:85vh;max-width:640px}.preview-banner{background:#3b82f60f;border:1px solid #3b82f61f;border-radius:8px;color:#3b82f6;font-size:.78rem;margin-bottom:1rem;padding:.6rem 1rem}.preview-doc h2{color:var(--text-main);font-family:Sora,sans-serif;font-size:1.05rem;font-weight:700;margin:0 0 .25rem}.preview-meta{color:var(--text-dim);font-size:.75rem;margin:0 0 1rem}.preview-text{word-wrap:break-word;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-family:Inter,sans-serif;font-size:.78rem;line-height:1.65;margin:0;max-height:300px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.preview-acceptance{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.checkbox-row{color:var(--text-main);cursor:pointer;font-size:.85rem;gap:.6rem}.checkbox-row,.custom-checkbox{align-items:center;display:flex}.custom-checkbox{background:#3b82f61a;border:2px solid var(--primary-glow);border-radius:4px;color:var(--primary-glow);flex-shrink:0;height:20px;justify-content:center;width:20px}@media (max-width:900px){.legal-layout{flex-direction:column}.legal-sidebar{border-bottom:1px solid var(--border-subtle);border-right:none;width:100%}.sidebar-stats{justify-content:center}}.super-admin-page{padding:0}.sa-header{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1.25rem}.sa-header-left,.sa-header-right{align-items:center;display:flex;gap:1rem}.system-health-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.system-health-dot.healthy{animation:pulse-glow 2s infinite;background:#84cc16;box-shadow:0 0 8px #84cc1666}.system-health-dot.degraded{background:#fbbf24;box-shadow:0 0 8px #fbbf2466}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.sa-health-label{color:var(--text-main);font-size:.88rem;font-weight:600}.sa-uptime{color:var(--text-dim);font-size:.75rem}.sa-sessions{color:var(--text-dim);font-size:.75rem}.sa-role-badge,.sa-sessions{align-items:center;display:flex;gap:4px}.sa-role-badge{background:#f43f5e1a;border-radius:100px;color:#f43f5e;font-size:.72rem;font-weight:600;padding:3px 10px}.sa-layout{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;gap:0;min-height:calc(100vh - 200px);overflow:hidden}.sa-sidebar{background:#0f172a66;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:.5rem;width:200px}.sa-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:var(--text-dim);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-bottom:1px;padding:.5rem .65rem;text-align:left;transition:all .12s;white-space:nowrap;width:100%}.sa-tab:hover{background:#ffffff0a;color:var(--text-main)}.sa-tab.active{background:#f43f5e14;box-shadow:inset 3px 0 0 #f43f5e;color:#f43f5e;font-weight:600}.sa-tab svg{flex-shrink:0}.sa-main{flex:1 1;min-width:0;overflow-y:auto;padding:1.25rem}.sa-content{animation:saFadeIn .2s ease}@keyframes saFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.resource-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.resource-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.resource-bar-wrap{background:var(--bg-surface);border-radius:100px;height:4px;overflow:hidden}.resource-bar{border-radius:100px;height:100%;transition:width .5s}.resource-info{align-items:baseline;display:flex;justify-content:space-between}.resource-value{font-family:Sora,sans-serif;font-size:1.3rem;font-weight:700}.resource-label{color:var(--text-dim);font-size:.7rem;text-transform:uppercase}.table-title{align-items:center;color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.table-title svg{color:var(--primary-glow);opacity:.7}.sa-table{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.sa-table table{border-collapse:collapse;width:100%}.sa-table th{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.6rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.sa-table td{border-bottom:1px solid #ffffff08;color:var(--text-main);font-size:.82rem;padding:.6rem 1rem}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr:hover td{background:hsla(0,0%,100%,.015)}.sa-thead{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-dim);font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:.65rem 1.25rem;text-transform:uppercase}.sa-thead,.sa-trow{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem}.sa-trow{border-bottom:1px solid #ffffff08;color:var(--text-main);font-size:.8rem;padding:.6rem 1.25rem;transition:background .1s}.sa-trow:hover{background:#ffffff05}.sa-trow:last-child{border-bottom:none}.service-table .sa-thead,.service-table .sa-trow{grid-template-columns:2fr .8fr .8fr .7fr .7fr .6fr}.svc-name{font-weight:500}.latency{font-family:JetBrains Mono,monospace;font-size:.78rem}.latency.slow{color:#fbbf24;font-weight:600}.dim{color:var(--text-dim)}.dim,.mono{font-size:.78rem}.mono{font-family:JetBrains Mono,monospace}.num{font-family:Sora,sans-serif;font-weight:600}.num.negative{color:#f43f5e}.num.error-count{color:#f43f5e;font-weight:700}.status-pill{align-items:center;border-radius:100px;display:inline-flex;font-size:.66rem;font-weight:600;gap:4px;padding:2px 9px;text-transform:capitalize;white-space:nowrap}.status-pill.active,.status-pill.completed,.status-pill.healthy,.status-pill.running{background:#84cc161a;color:#84cc16}.status-pill.degraded,.status-pill.suspended,.status-pill.warning{background:#fbbf241a;color:#fbbf24}.status-pill.blocked,.status-pill.error,.status-pill.failed{background:#f43f5e1a;color:#f43f5e}.status-pill.inactive{background:#64748b1a;color:#64748b}.row-actions{display:flex;gap:.3rem;justify-content:flex-end}.icon-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.icon-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.icon-btn.danger:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.tenants-grid{grid-template-columns:2fr .5fr .7fr .7fr .7fr .6fr .8fr .5fr .8fr .7fr}.plan-badge{background:var(--bg-surface);border-radius:4px;color:var(--text-dim);font-size:.68rem;font-weight:600;padding:2px 8px}.logs-toolbar{gap:1rem;justify-content:space-between;margin-bottom:1rem}.log-search,.logs-toolbar{align-items:center;display:flex}.log-search{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-dim);gap:.5rem;min-width:280px;padding:.45rem .75rem}.log-search input{background:#0000;border:none;color:var(--text-main);font-size:.82rem;outline:none;width:100%}.log-filters{display:flex;gap:.5rem}.log-filters select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-size:.78rem;outline:none;padding:.45rem .6rem}.logs-stream{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.75rem;overflow:hidden}.log-entry{align-items:center;border-bottom:1px solid #ffffff05;cursor:pointer;display:flex;gap:.6rem;padding:.5rem 1rem;transition:background .1s}.log-entry:hover{background:#ffffff08}.log-entry:last-child{border-bottom:none}.log-entry.error{border-left:2px solid #f43f5e}.log-entry.warn{border-left:2px solid #fbbf24}.log-entry.info{border-left:2px solid #3b82f6}.log-time{color:var(--text-dim);font-size:.72rem;white-space:nowrap}.log-level{border-radius:3px;font-size:.62rem;font-weight:700;padding:1px 6px;text-transform:uppercase}.log-level.error{background:#f43f5e1f;color:#f43f5e}.log-level.warn{background:#fbbf241f;color:#fbbf24}.log-level.info{background:#3b82f61a;color:#3b82f6}.log-module{color:#a855f7;white-space:nowrap}.log-tenant{color:#06b6d4;min-width:80px;white-space:nowrap}.log-msg{color:var(--text-main);flex:1 1;font-family:Inter,sans-serif;font-size:.78rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-trace{color:var(--text-dim);font-size:.68rem;opacity:.5;white-space:nowrap}.log-detail-modal{max-width:580px}.log-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.log-detail-grid .detail-item{display:flex;flex-direction:column;gap:.2rem}.log-detail-grid .detail-item.full{grid-column:1/-1}.log-detail-grid .label{color:var(--text-dim);font-size:.68rem;font-weight:500;text-transform:uppercase}.log-detail-grid .value{color:var(--text-main);font-size:.85rem}.backup-config-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:1.25rem}.backup-config-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.bk-cfg-header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);color:var(--text-main);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.bk-cfg-header svg{color:var(--primary-glow);opacity:.7}.bk-cfg-body{padding:.25rem 0}.bk-cfg-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:.65rem 1.25rem}.bk-cfg-row:last-child{border-bottom:none}.cfg-label{color:var(--text-main);display:block;font-size:.82rem;font-weight:500}.cfg-desc{color:var(--text-dim);display:block;font-size:.7rem}.toggle-on{color:#84cc16}.toggle-off{color:var(--text-dim);opacity:.4}.config-select{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-main);font-size:.78rem;outline:none;padding:.35rem .6rem}.backup-actions-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.last-backup-info{align-items:flex-start;background:var(--bg-surface);border-radius:8px;color:var(--text-dim);display:flex;font-size:.78rem;gap:.5rem;margin-top:auto;padding:.75rem}.last-backup-info .success{color:#84cc16;flex-shrink:0;margin-top:2px}.last-backup-info strong{color:var(--text-main)}.backup-grid{grid-template-columns:.8fr 1fr .8fr 1fr .6fr .7fr .5fr .8fr}.type-badge{border-radius:4px;font-size:.66rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.type-badge.ecosystem{background:#3b82f61a;color:#3b82f6}.type-badge.master_db{background:#a855f71a;color:#a855f7}.type-badge.tenant_snapshot{background:#06b6d41a;color:#06b6d4}.encrypted-icon{color:#84cc16}.backup-modal{max-width:560px}.backup-type-options{display:flex;flex-direction:column;gap:.75rem}.backup-type-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.bk-type-info strong{color:var(--text-main);display:block;font-size:.88rem;margin-bottom:.2rem}.bk-type-info p{color:var(--text-dim);font-size:.78rem;margin:0 0 .2rem}.api-section{margin-bottom:1.5rem}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-header-row h3{align-items:center;color:var(--text-main);display:flex;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.section-header-row h3 svg{color:var(--primary-glow);opacity:.7}.api-key-grid{grid-template-columns:1.3fr 1.5fr 1.5fr .6fr .7fr .7fr .7fr .8fr}.key-name{font-weight:500}.key-value{color:var(--text-dim);font-size:.72rem}.scope-badges{display:flex;flex-wrap:wrap;gap:.2rem}.scope-badge{background:var(--bg-surface);border-radius:3px;color:var(--text-dim);font-size:.6rem;font-weight:500;padding:1px 5px;white-space:nowrap}.endpoint-grid{grid-template-columns:2.5fr .5fr .8fr .8fr .7fr .7fr}.endpoint-path{color:#3b82f6;font-size:.75rem}.method-badge{border-radius:3px;font-size:.62rem;font-weight:700;padding:2px 6px}.method-badge.get{background:#84cc161a;color:#84cc16}.method-badge.post{background:#3b82f61a;color:#3b82f6}.rbac-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.rbac-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:border-color .2s}.rbac-card:hover{border-color:var(--border-active)}.rbac-header{border-bottom:2px solid var(--border-subtle);gap:.75rem;padding:1rem 1.25rem}.rbac-header,.rbac-icon{align-items:center;display:flex}.rbac-icon{border-radius:10px;flex-shrink:0;height:38px;justify-content:center;width:38px}.rbac-title{flex:1 1}.rbac-title h4{color:var(--text-main);font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;margin:0}.rbac-count{color:var(--text-dim);font-size:.72rem}.rbac-permissions{padding:.75rem 1.25rem}.perm-title{color:var(--text-dim);display:block;font-size:.68rem;font-weight:600;letter-spacing:.04em;margin-bottom:.4rem;text-transform:uppercase}.rbac-permissions ul{display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;padding:0}.rbac-permissions li{align-items:center;color:var(--text-main);display:flex;font-size:.78rem;gap:.4rem}.rbac-info-box{background:#f43f5e0a;border:1px solid #f43f5e1f;border-radius:10px;display:flex;gap:.75rem;padding:1rem 1.25rem}.rbac-info-box svg{color:#f43f5e;flex-shrink:0;margin-top:2px}.rbac-info-box strong{color:var(--text-main);display:block;font-size:.85rem;margin-bottom:.2rem}.rbac-info-box p{color:var(--text-dim);font-size:.78rem;margin:0}@media (max-width:1200px){.resource-grid{grid-template-columns:repeat(2,1fr)}.backup-config-row,.rbac-grid{grid-template-columns:1fr}.sa-sidebar{width:170px}}@media (max-width:768px){.sa-header{align-items:flex-start;flex-direction:column;gap:.5rem}.resource-grid{grid-template-columns:1fr}.sa-layout{flex-direction:column}.sa-sidebar{border-bottom:1px solid var(--border-subtle);border-right:none;flex-direction:row;overflow-x:auto;padding:.35rem;width:100%}.sa-sidebar::-webkit-scrollbar{display:none}.sa-tab{flex-shrink:0}.sa-tab.active{border-bottom:2px solid #f43f5e;box-shadow:none}.logs-toolbar{flex-direction:column}}.role-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.66rem;font-weight:600;padding:2px 8px;text-transform:capitalize;white-space:nowrap}.role-badge.role-superadmin{background:#f43f5e1a;color:#f43f5e}.role-badge.role-admin{background:#3b82f61a;color:#3b82f6}.role-badge.role-staff{background:#84cc161a;color:#84cc16}.role-badge.role-system{background:#64748b1a;color:#64748b}.action-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.66rem;font-weight:700;letter-spacing:.02em;padding:2px 8px;text-transform:uppercase}.action-badge.action-create{background:#84cc161a;color:#84cc16}.action-badge.action-update{background:#3b82f61a;color:#3b82f6}.action-badge.action-delete{background:#f43f5e1a;color:#f43f5e}.action-badge.action-login{background:#a855f71a;color:#a855f7}.action-badge.action-send{background:#06b6d41a;color:#06b6d4}.action-badge.action-backup{background:#64748b1a;color:#64748b}.type-badge.license{background:#a855f71a;color:#a855f7}.type-badge.package{background:#84cc161a;color:#84cc16}.sa-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.66rem;font-weight:600;padding:2px 9px;text-transform:capitalize}.sa-status-badge.active,.sa-status-badge.completed{background:#84cc161a;color:#84cc16}.sa-status-badge.suspended{background:#fbbf241a;color:#fbbf24}.sa-status-badge.blocked{background:#f43f5e1a;color:#f43f5e}.sa-docs-tab{min-height:600px}.sa-docs-tab .docs-layout{margin:0;padding:0}
/*# sourceMappingURL=main.0dba7993.css.map*/