@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}.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}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-context-menu-content-available-height\]{max-height:var(--radix-context-menu-content-available-height)}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[300px\]{max-height:300px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-screen{max-height:100vh}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1px\]{width:1px}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-max{max-width:-webkit-max-content;max-width:max-content}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.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-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/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}.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-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/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;--border-subtle:#94a3b81a;--border-active:#3b82f680;--sidebar-width:260px}*{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:#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{align-items:center;border-bottom:1px solid #94a3b81a;border-bottom:1px solid var(--border-subtle);display:flex;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 .2s;width:32px}.sidebar-toggle:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem}.nav-section{margin-bottom:1.5rem}.nav-section-label{color:#64748b;color:var(--text-dim);font-size:.65rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;min-height:1rem;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;text-decoration:none;transition:all .15s}.nav-link:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-main)}.nav-link.active{background:#3b82f626;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:1rem}.user-info{margin-bottom:.75rem}.user-avatar{font-size:.875rem}.user-details{display:flex;flex-direction:column}.user-name{font-size:.875rem}.user-role{font-size:.7rem}.logout-btn,.user-role{color:#64748b;color:var(--text-dim)}.logout-btn{align-items:center;background:#0000;border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s;width:100%}.logout-btn:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e;color:var(--accent-rose)}.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;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617cc;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 .2s;width:40px}.notification-btn:hover{background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.notification-badge{align-items:center;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}.app-content{flex:1 1;padding:2rem}.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;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.btn-primary{background:#3b82f6;background:var(--primary)}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.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)}.btn-secondary:hover{background:#334155;background:var(--bg-elevated);border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main)}.btn-ghost{background:#0000;color:#64748b;color:var(--text-dim);padding:.5rem}.btn-ghost:hover{background:#1e293b;background:var(--bg-surface);color:#f8fafc;color:var(--text-main)}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.stat-card{align-items:flex-start;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}.stat-card:hover{border-color:#3b82f680;border-color:var(--border-active);transform:translateY(-2px)}.stat-icon{border-radius:12px;height:48px;width:48px}.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-content{display:flex;flex-direction:column}.stat-label{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-bottom:.25rem}.stat-value{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700}.stat-change{display:inline-flex;margin-top:.25rem}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.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{display:flex;gap:1rem}.legend-item{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;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 .2s}.quick-action-btn:hover{background:#334155;background:var(--bg-elevated);border-color:#3b82f680;border-color:var(--border-active);color:#f8fafc;color:var(--text-main);transform:translateY(-2px)}.quick-action-btn span{font-size:.75rem;font-weight:600}.data-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{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}.table-header h3{color:#f8fafc;color:var(--text-main);font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-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:.7rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #ffffff08;color:#94a3b8;color:var(--text-muted);font-size:.875rem;padding:1rem;vertical-align:middle}.data-table tbody tr:hover td{background:#3b82f608}.data-table tbody tr:last-child td{border-bottom:none}.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:1rem 1.5rem}.pagination-info{color:#64748b;color:var(--text-dim);font-size:.8125rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.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:.8125rem;padding:.5rem .75rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#334155;background:var(--bg-elevated);color:#f8fafc;color:var(--text-main)}.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:1.5rem}.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 .2s}.search-box:focus-within{border-color:#3b82f6;border-color:var(--primary)}.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,.status-filter{font-size:.875rem;padding:.625rem 1rem}.status-filter{border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;outline:none}.status-filter,.status-filter option{background:#0f172a;background:var(--bg-card)}.status-filter option{color:#f8fafc;color:var(--text-main)}.status-badge.active,.status-badge.delivered,.status-badge.paid,.status-badge.processed,.status-badge.split{background:#84cc1626;color:#84cc16;color:var(--accent-lime)}.status-badge.pending,.status-badge.sent{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.status-badge.error,.status-badge.failed,.status-badge.overdue{background:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.status-badge.draft,.status-badge.inactive{background:#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}.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;display:flex;height:32px;justify-content:center;width:32px}.action-btn:hover{border-color:#94a3b81a;border-color:var(--border-subtle)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;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: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 slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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{font-size:.8125rem;margin-top:.25rem}.close-btn,.modal-subtitle{color:#64748b;color:var(--text-dim)}.close-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:none;border-radius:8px;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);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{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;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary)}.form-group textarea{min-height:100px;resize:vertical}.form-group.small{max-width:100px}.form-hint{color:#64748b;color:var(--text-dim);font-size:.8125rem;margin-top:.5rem}.invoice-summary-grid{grid-template-columns:repeat(3,1fr)}.summary-card{background:#0f172a;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);gap:1rem}.summary-card,.summary-card .summary-icon{align-items:center;border-radius:12px;display:flex}.summary-card .summary-icon{height:48px;justify-content:center;width:48px}.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:#f43f5e26;color:#f43f5e;color:var(--accent-rose)}.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{color:#64748b;color:var(--text-dim);font-size:.75rem}.courier-cell{gap:.5rem}.courier-cell,.courier-prefix{align-items:center;display:flex}.courier-prefix{border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;height:28px;justify-content:center;width:28px}.courier-prefix.fs{background:#3b82f6}.courier-prefix.sc{background:#06b6d4}.courier-prefix.ie{background:#84cc16}.courier-prefix.kp{background:#f59e0b}.courier-name{color:#f8fafc;color:var(--text-main);font-size:.875rem}.manifest-link{color:#60a5fa;color:var(--primary-glow);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8125rem}.manifest-link:hover{text-decoration:underline}.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{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-bottom:.5rem;padding:.25rem .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;text-align:center}.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{align-items:center;background:#1e293b;background:var(--bg-surface);display:flex;justify-content:space-between;padding:1rem 1.25rem}.courier-prefix-badge{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;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;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{border-radius:100px;display:inline-flex;font-size:.7rem;font-weight:600;padding:.25rem .625rem;text-transform:capitalize}.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;border-bottom:1px solid var(--border-subtle);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{align-items:center;border-radius:10px;display:flex;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.feature-icon.blue{background:#3b82f626;color:#60a5fa;color:var(--primary-glow)}.feature-icon.cyan{background:#06b6d426;color:#06b6d4;color:var(--accent-cyan)}.feature-icon.lime{background:#84cc1626;color:#84cc16;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;color:var(--text-dim);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-radius:50%;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{transform:translateX(-100%)!important;transition:transform .3s ease}.app-sidebar.mobile-open{transform:translateX(0)!important}.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{align-items:center;display:flex;justify-content:space-between}.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}.stats-grid{grid-gap:.5rem;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-family:Sora,sans-serif;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,.payment-history-card .payment-details{color:#64748b;color:var(--text-dim);font-size:.8125rem}.payment-history-card .payment-details{display:flex;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{align-items:center;cursor:pointer;display:flex;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{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-with-icon:focus-within{border-color:#3b82f6;border-color:var(--primary)}.input-with-icon svg{color:#64748b;color:var(--text-dim);flex-shrink:0}.input-with-icon input{background:#0000;border:none;color:#f8fafc;color:var(--text-main);flex:1 1;font-size:.9375rem;outline:none}.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;border-radius:100px;color:#84cc16;color:var(--accent-lime);font-size:.7rem;font-weight:600;padding:.25rem .625rem}.line-items-section h4{color:#f8fafc;color:var(--text-main);font-size:.9375rem;margin-bottom:1rem}.line-items-table{border-collapse:collapse;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:.7rem;font-weight:600;padding:.75rem;text-align:left;text-transform:uppercase}.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{justify-content:space-between;margin-bottom:1rem}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;height:40px;justify-content:center;width:40px}.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}.reports-header{align-items:center;display:flex;justify-content:space-between}.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;font-weight:600;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;display:flex;gap:.75rem}.toggle-label{color:#64748b;color:var(--text-dim);font-size:.875rem}.toggle-btn{align-items:center;background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:20px;cursor:pointer;display:flex;gap:.5rem;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-gap:1rem;display:grid;gap:1rem;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;cursor:pointer;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;flex:1 1;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}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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{border-radius:50%;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{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}.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);border-radius:10px;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{display:flex;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}.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{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);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{border-radius:4px;display:inline-block;font-size:.625rem;font-weight:600;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{background:#1e293b;background:var(--bg-surface);border:1px solid #94a3b81a;border:1px solid var(--border-subtle);border-radius:10px;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}.btn-text{background:#0000;border:none;color:#60a5fa;color:var(--primary-glow);cursor:pointer;font-size:.8125rem}.btn-text:hover{text-decoration:underline}.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}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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:#84cc16;color:var(--accent-lime);font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;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{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--accent-cyan));border-radius:16px;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:64px;justify-content:center;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:#84cc16;color:var(--accent-lime)}.unverified-badge,.verified-badge{border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;padding:.25rem .5rem}.unverified-badge{background:#f59e0b26;color:#f59e0b;color:var(--accent-amber)}.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{max-width:400px}.delete-confirm-modal p{color:#94a3b8;color:var(--text-muted)}.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}}.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}.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{align-items:center;background:var(--bolt-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;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;font-weight:600;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}}
/*# sourceMappingURL=main.fee8f74b.css.map*/