*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[19px\]{height:19px}.max-h-64{max-height:16rem}.min-h-10{min-height:2.5rem}.min-h-\[30px\]{min-height:30px}.min-h-\[34px\]{min-height:34px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-16{width:4rem}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-80{width:20rem}.w-\[142px\]{width:142px}.w-\[150px\]{width:150px}.w-\[19px\]{width:19px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[30rem\]{width:30rem}.w-\[340px\]{width:340px}.w-\[420px\]{width:420px}.w-\[560px\]{width:560px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[64\%\]{max-width:64%}.max-w-\[72\%\]{max-width:72%}.max-w-\[82\%\]{max-width:82%}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: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))}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:6px}.border{border-width:1px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-brand-200{--tw-border-opacity:1;border-color:rgb(167 240 196/var(--tw-border-opacity,1))}.border-brand-300{--tw-border-opacity:1;border-color:rgb(112 223 157/var(--tw-border-opacity,1))}.border-brand-600{--tw-border-opacity:1;border-color:rgb(37 144 74/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(237 253 243/var(--tw-bg-opacity,1))}.bg-brand-600{--tw-bg-opacity:1;background-color:rgb(37 144 74/var(--tw-bg-opacity,1))}.bg-slate-100\/90{background-color:#f1f5f9e6}.bg-slate-50\/60{background-color:#f8fafc99}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-brand-700{--tw-gradient-from:#1a6d38 var(--tw-gradient-from-position);--tw-gradient-to:#1a6d3800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-700{--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:#15803d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-brand-500{--tw-gradient-to:#31ae5b var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.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}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[13px\]{font-size:13px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-brand-500{--tw-text-opacity:1;color:rgb(49 174 91/var(--tw-text-opacity,1))}.text-brand-600{--tw-text-opacity:1;color:rgb(37 144 74/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(26 109 56/var(--tw-text-opacity,1))}.text-ink-muted{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-ink-primary{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-ink-secondary{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[0_0_0_2px_rgba\(22\,163\,74\,0\.12\)\]{--tw-shadow:0 0 0 2px #16a34a1f;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(21\,128\,61\,0\.24\)\]{--tw-shadow:0 4px 14px #15803d3d;--tw-shadow-colored:0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-panel{--tw-shadow:0 10px 25px -3px #00000014, 0 4px 10px -2px #0000000a;--tw-shadow-colored:0 10px 25px -3px var(--tw-shadow-color), 0 4px 10px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-soft{--tw-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--tw-shadow-colored:0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--brand-50:#edfdf3;--brand-100:#d3f9e1;--brand-200:#a7f0c4;--brand-300:#70df9d;--brand-400:#34c96b;--brand-500:#31ae5b;--brand-600:#25904a;--brand-700:#1a6d38;--gray-0:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--surface:#fff;--surface-subtle:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 10px -2px #0000000a;--shadow-brand:0 4px 14px #31ae5b4d;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.12s var(--ease);--t:.2s var(--ease)}*,:before,:after{box-sizing:border-box}:root{color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body{background:var(--gray-100);min-width:320px;margin:0}p,h1,h2{margin-top:0}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-brand-400:hover{--tw-border-opacity:1;border-color:rgb(52 201 107/var(--tw-border-opacity,1))}.hover\:border-brand-500:hover{--tw-border-opacity:1;border-color:rgb(49 174 91/var(--tw-border-opacity,1))}.hover\:bg-brand-100:hover{--tw-bg-opacity:1;background-color:rgb(211 249 225/var(--tw-bg-opacity,1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(237 253 243/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:from-green-800:hover{--tw-gradient-from:#166534 var(--tw-gradient-from-position);--tw-gradient-to:#16653400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-green-600:hover{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.hover\:text-brand-600:hover{--tw-text-opacity:1;color:rgb(37 144 74/var(--tw-text-opacity,1))}.hover\:shadow-\[0_8px_22px_rgba\(21\,128\,61\,0\.3\)\]:hover{--tw-shadow:0 8px 22px #15803d4d;--tw-shadow-colored:0 8px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-brand:hover{--tw-shadow:0 4px 14px #31ae5b4d;--tw-shadow-colored:0 4px 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-soft:hover{--tw-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--tw-shadow-colored:0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-brand-500:focus{--tw-border-opacity:1;border-color:rgb(49 174 91/var(--tw-border-opacity,1))}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-brand-500\/15:focus{--tw-ring-color:#31ae5b26}.focus-visible\:border-brand-500:focus-visible{--tw-border-opacity:1;border-color:rgb(49 174 91/var(--tw-border-opacity,1))}.focus-visible\:shadow-\[0_0_0_3px_rgba\(49\,174\,91\,0\.18\)\,0_1px_4px_rgba\(49\,174\,91\,0\.12\)\]:focus-visible{--tw-shadow:0 0 0 3px #31ae5b2e,0 1px 4px #31ae5b1f;--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color), 0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:translate-y-0:active{--tw-translate-y: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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:translate-y-0:disabled{--tw-translate-y: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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-100:disabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.disabled\:text-ink-muted:disabled{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.disabled\:opacity-45:disabled{opacity:.45}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}}@media (width>=768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-\[170px_minmax\(0\,1fr\)_140px\]{grid-template-columns:170px minmax(0,1fr) 140px}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-shell{height:100vh;transition:grid-template-columns var(--t);grid-template-columns:280px minmax(0,1fr);width:100%;display:grid;overflow:hidden}.content-shell{flex-direction:column;grid-column:2;min-width:0;height:100vh;padding:0;display:flex;overflow:hidden}.tab-panel{flex:auto;width:100%;min-height:0;margin:0;padding:0 32px 56px;display:block;overflow-y:auto}.tab-panel>*{max-width:1240px;margin-left:auto;margin-right:auto}.tab-panel,.table-wrap,.supplier-table,.app-sidebar,.customer-drawer-form,.invoice-dialog-body{scrollbar-color:var(--brand-300) var(--gray-100);scrollbar-width:thin}.tab-panel::-webkit-scrollbar{width:10px;height:10px}.table-wrap::-webkit-scrollbar{width:10px;height:10px}.supplier-table::-webkit-scrollbar{width:10px;height:10px}.app-sidebar::-webkit-scrollbar{width:10px;height:10px}.customer-drawer-form::-webkit-scrollbar{width:10px;height:10px}.invoice-dialog-body::-webkit-scrollbar{width:10px;height:10px}.tab-panel::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.table-wrap::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.supplier-table::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.app-sidebar::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.customer-drawer-form::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.invoice-dialog-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.tab-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.supplier-table::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.app-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.customer-drawer-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.invoice-dialog-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.tab-panel::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.supplier-table::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.customer-drawer-form::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.invoice-dialog-body::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;grid-column:1;align-items:center;gap:22px;width:280px;min-width:0;max-width:280px;height:100vh;padding:22px;display:flex;position:sticky;top:0;overflow-y:auto}@media (width>=761px){.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.app-shell.sidebar-collapsed .app-sidebar{width:72px;max-width:72px;padding:18px 10px;overflow-x:hidden}.app-shell.sidebar-collapsed .sidebar-brand{place-items:center;gap:10px;width:calc(100% + 20px);margin:0 -10px;padding-left:10px;padding-right:10px;display:grid}.app-shell.sidebar-collapsed .sidebar-brand>div,.app-shell.sidebar-collapsed .sidebar-close,.app-shell.sidebar-collapsed .sidebar-link span,.app-shell.sidebar-collapsed .sidebar-user>div,.app-shell.sidebar-collapsed .sidebar-user .icon-button{display:none}.app-shell.sidebar-collapsed .sidebar-open{display:inline-flex}.app-shell.sidebar-collapsed .sidebar-link{justify-content:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.app-shell.sidebar-collapsed .sidebar-nav{justify-items:center}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:8px;display:flex}.app-shell.sidebar-collapsed .brand-mark{width:38px;height:38px}}.sidebar-brand{border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:12px;width:calc(100% + 44px);margin:0 -22px;padding-bottom:16px;padding-left:22px;padding-right:22px;display:flex}.brand-mark{background:var(--surface);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.brand-mark img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand>div{flex:1;min-width:0}.sidebar-user strong,.sidebar-link strong{color:var(--text-primary);font-size:14px;line-height:1.25;display:block}.sidebar-brand strong{color:var(--text-primary);font-size:11px;line-height:1.25;display:block}.sidebar-brand small,.sidebar-user small,.sidebar-link small{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.sidebar-nav{gap:8px;display:grid}.sidebar-link{border-radius:var(--r-lg);color:var(--text-secondary);text-align:left;min-height:58px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.sidebar-link:hover{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-600)}.sidebar-link.active{background:var(--brand-50);border-color:var(--brand-200);box-shadow:var(--shadow-xs);color:var(--brand-600)}.sidebar-link.active strong{color:var(--brand-700)}.sidebar-user{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.avatar{background:var(--brand-100);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-700);text-transform:uppercase;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:inline-flex}.icon-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-secondary);height:38px;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;width:38px;padding:0;display:inline-flex}.icon-button:hover{background:var(--brand-50);border-color:var(--brand-300,var(--brand-200));color:var(--brand-600)}.icon-button.delete-button:hover{color:#be123c;background:#fff1f2;border-color:#fda4af}.sidebar-close{display:inline-flex}.sidebar-open,.menu-button,.drawer-backdrop{display:none}.content-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#f8fafce0;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 24px;padding:22px 32px;display:grid;position:relative}.content-topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.eyebrow{background:var(--brand-100);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.content-topbar h1{color:var(--text-primary);letter-spacing:-.25px;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.15}.subtitle{color:var(--text-secondary);max-width:760px;margin:0;font-size:14px;font-weight:400;line-height:1.6}.notification-center,.notification-button{position:relative}.notification-button.has-unread{color:#b45309;transform-origin:50% 0;background:#fff7ed;border-color:#f59e0b;animation:1.6s ease-in-out infinite notification-bell-shake;box-shadow:0 0 0 4px #f59e0b29}.notification-button.has-unread:hover{color:#92400e;background:#fffbeb;border-color:#d97706}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;top:7px;right:8px}.notification-button.has-unread .notification-dot{animation:1.6s ease-in-out infinite notification-dot-pulse;box-shadow:0 0 0 3px #ef44442e}@keyframes notification-bell-shake{0%,72%,to{transform:rotate(0)}78%{transform:rotate(12deg)}84%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}96%{transform:rotate(-5deg)}}@keyframes notification-dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.notification-button.has-unread,.notification-button.has-unread .notification-dot{animation:none}}.notification-popover{border:1px solid var(--border);z-index:40;background:#fff;border-radius:14px;width:min(480px,100vw - 32px);position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 24px 70px #0f172a2e}.notification-heading{background:linear-gradient(180deg, #fff 0%, var(--gray-50) 100%);border-bottom:1px solid var(--border);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:16px 16px 13px;display:flex}.notification-heading h3,.notification-heading p{margin:0}.notification-heading h3{color:var(--text-primary);font-size:16px;font-weight:800}.notification-heading p{color:var(--text-secondary);margin-top:2px;font-size:12px}.ghost-icon-button{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.ghost-icon-button:not(:disabled):hover{background:var(--gray-100);color:var(--text-primary)}.ghost-icon-button:disabled{color:var(--gray-400)}.notification-mark-all-button{gap:6px;width:auto;height:32px;padding:0 10px;font-size:12px;font-weight:700}.notification-list{flex-direction:column;gap:8px;max-height:min(520px,100vh - 170px);padding:10px;display:flex;overflow-y:auto}.notification-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:flex-start;gap:12px;padding:12px;display:grid;position:relative;box-shadow:0 1px 2px #0f172a0a}.notification-item:hover{border-color:var(--brand-200);background:#fbfefc;transform:translateY(-1px);box-shadow:0 10px 26px #0f172a14}.notification-item.is-unread{background:linear-gradient(#f0fdf4 0%,#fff 100%);border-color:#86efac;box-shadow:0 0 0 1px #22c55e1f}.notification-item.is-unread:before{background:var(--brand-500);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:8px;left:8px}.notification-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.notification-icon.warning{color:#b91c1c;background:#fef2f2}.notification-icon.deadline{color:#c2410c;background:#fff7ed}.notification-type{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.notification-type.warning{color:#b91c1c;background:#fef2f2}.notification-type.deadline{color:#c2410c;background:#fff7ed}.notification-main{min-width:0}.notification-item-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.notification-item-header>div{flex:auto;gap:5px;min-width:0;display:grid}.notification-item-header time{color:var(--text-muted);white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:700;display:inline-flex}.notification-item.is-unread .notification-item-header time{color:#64748b;background:#ffffffb8;border:1px solid #94a3b847;border-radius:999px;padding:4px 8px}.notification-read-button{flex:none;width:28px;height:28px;margin-top:1px;margin-left:-2px}.notification-item.is-unread .notification-read-button{color:#475569;background:#ffffffad;border-color:#94a3b83d}.notification-item.is-unread .notification-read-button:hover{color:var(--brand-700);background:#ecfdf5;border-color:#86efac}.notification-main strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;display:block;overflow:hidden}.notification-main p{color:var(--text-secondary);margin:8px 0 9px;font-size:12.5px;line-height:1.45}.notification-meta-grid{gap:5px;display:grid}.notification-meta-grid span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:700;line-height:1.45;display:inline-flex;overflow:hidden}.notification-meta-grid span:last-child{color:var(--text-secondary);padding-left:19px;font-weight:800}.notification-state{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;min-height:72px;padding:12px;font-size:13px;display:flex}.session-box{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.session-box strong{color:var(--text-primary);font-size:14px}.session-box span{color:var(--text-muted);font-size:12px}.auth-shell{background:radial-gradient(circle at top, #31ae5b1f, transparent 34%), var(--gray-100);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);text-align:center;width:min(380px,100%);padding:30px}.auth-logo{border-radius:var(--r);-o-object-fit:contain;object-fit:contain;width:72px;height:72px;margin:0 auto 18px;display:block}.auth-card h1{color:var(--text-primary);margin:0 0 6px;font-size:24px}.auth-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.auth-form{text-align:left;gap:14px;margin-top:24px;display:grid}.auth-form label{color:var(--text-secondary);gap:6px;font-size:13px;font-weight:600;display:grid}.auth-form .primary-button{justify-content:center;margin-top:4px}.form-error{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r);color:var(--red);padding:10px 12px;font-size:13px}.Toastify__toast-container--top-center{width:min(420px,100vw - 28px);top:18px}.Toastify__toast{border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);align-items:center;min-height:48px;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45;overflow:hidden;box-shadow:0 16px 40px #0f172a24,0 4px 12px #0f172a14}.Toastify__toast--success{color:#166534;background:linear-gradient(#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.Toastify__toast--error{color:#991b1b;background:linear-gradient(#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5}.Toastify__toast-icon{width:20px;margin-inline-end:10px}.Toastify__toast--success .Toastify__toast-icon svg{fill:#16a34a}.Toastify__toast--error .Toastify__toast-icon svg{fill:#dc2626}.Toastify__toast-body{align-items:center;margin:0;padding:0}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.work-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);color:var(--text-secondary);cursor:pointer;text-align:left;min-height:116px;transition:border-color var(--t), box-shadow var(--t), transform var(--t);box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;gap:5px;padding:18px 20px;display:flex;position:relative}.work-card:hover{border-color:var(--brand-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.work-card-disabled,.work-card-disabled:hover{background:var(--gray-50);border-color:var(--border);box-shadow:var(--shadow-xs);cursor:not-allowed;opacity:.72;transform:none}.work-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.work-card strong{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.work-card small{color:var(--text-muted);font-size:12.5px}.work-card svg{color:var(--text-muted);margin-bottom:4px}.work-card.active{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);box-shadow:var(--shadow-brand), var(--shadow-md)}.work-card.active span,.work-card.active strong,.work-card.active small{color:#fff}.work-card.active span{opacity:.65}.work-card.active small{opacity:.7}.work-card.active svg{color:#ffffffd9}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--t);margin-top:16px;padding:28px}.panel:hover{box-shadow:var(--shadow-md)}.panel-disabled{background:var(--gray-50)}.panel-disabled:hover{box-shadow:var(--shadow-sm)}.disabled-badge{background:var(--gray-100);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-muted);white-space:nowrap;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.panel-heading h2{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 5px;font-size:18px;font-weight:700}.panel-heading p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.primary-button,.secondary-button,.ghost-button,.export-button{border-radius:var(--r);min-height:40px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);color:#fff;box-shadow:0 1px 3px #31ae5b4d,0 1px 2px #31ae5b33}.primary-button:not(:disabled):hover{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-600) 100%);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.primary-button:not(:disabled):active{transform:translateY(0)}.export-button{color:#fff;background:linear-gradient(135deg,#15803d 0%,#22c55e 100%);border-color:#15803d;box-shadow:0 4px 14px #15803d3d}.export-button:not(:disabled):hover{background:linear-gradient(135deg,#166534 0%,#16a34a 100%);transform:translateY(-1px);box-shadow:0 8px 22px #15803d4d}.secondary-button{background:var(--surface);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-xs)}.secondary-button:not(:disabled):hover{background:var(--gray-50);border-color:var(--brand-400);color:var(--brand-600);box-shadow:var(--shadow-sm)}.ghost-button{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-600)}.ghost-button:not(:disabled):hover{background:var(--brand-100);border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@keyframes button-spin{to{transform:rotate(360deg)}}.button-spinner{animation:.85s linear infinite button-spin}.is-loading{pointer-events:none}.control-row{grid-template-columns:auto 1fr;gap:10px;display:grid}.rule-form{grid-template-columns:190px 1fr 210px auto;gap:10px;display:grid}.employee-form{grid-template-columns:1.1fr .9fr .9fr 170px auto;gap:10px;margin-bottom:14px;display:grid}.kpi-policy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.kpi-policy-grid article{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);align-items:flex-start;gap:10px;padding:14px;display:flex}.kpi-policy-grid article>svg{color:var(--brand-600);flex:none}.kpi-policy-grid strong,.kpi-policy-grid span{display:block}.kpi-policy-grid strong{color:var(--text-primary);margin-bottom:3px;font-size:13px}.kpi-policy-grid span{color:var(--text-secondary);font-size:12px;line-height:1.45}.employee-form-skeleton{pointer-events:none}.employee-management-heading{align-items:center}.employee-kpi-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.employee-incident-center{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;overflow:hidden}.employee-incident-center.is-clear{border-color:var(--green-border);background:linear-gradient(#f7fff9 0%,#fff 100%)}.employee-incident-center.is-clear .employee-incident-heading>div>span{color:var(--green)}.employee-incident-heading{background:linear-gradient(#fff 0%,#fafafa 100%);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.employee-incident-heading>div{flex:auto;align-items:flex-start;gap:10px;min-width:0;display:flex}.employee-incident-heading>div>span{background:var(--amber-bg);color:var(--amber);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.employee-incident-summary,.employee-incident-toggle{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.employee-incident-toggle{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.employee-incident-summary span,.employee-incident-toggle span,.employee-incident-toggle>strong{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;min-width:max-content;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.employee-incident-toggle>strong{min-width:max-content}.employee-incident-summary strong,.employee-incident-toggle strong{color:var(--amber);font-size:15px;line-height:1}.employee-incident-toggle svg{color:var(--text-muted);flex:none;transition:transform .18s}.employee-incident-toggle.is-open svg{transform:rotate(180deg)}.employee-incident-toggle:hover span,.employee-incident-toggle:hover>strong{border-color:var(--brand-200)}.employee-incident-heading h3,.employee-incident-heading p{margin:0}.employee-incident-heading h3{color:var(--text-primary);font-size:14px}.employee-incident-heading p,.employee-incident-heading>strong{color:var(--text-secondary);font-size:12px}.employee-incident-body{border-top:1px solid var(--border);scrollbar-gutter:stable;max-height:min(560px,58vh);overflow-y:auto}.employee-incident-toolbar{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.employee-incident-toolbar .search-input-wrap{flex:1;max-width:520px}.employee-incident-toolbar input{width:100%}.employee-incident-toolbar>span{color:var(--text-muted);white-space:nowrap;flex:none;font-size:12px;font-weight:800}.employee-incident-list{border-top:1px solid var(--border);display:grid}.employee-incident-item{-moz-column-gap:18px;grid-template-columns:112px minmax(0,1fr) minmax(190px,.42fr);align-items:center;gap:8px 18px;padding:15px 16px;display:grid}.employee-incident-item+.employee-incident-item{border-top:1px solid var(--border)}.employee-incident-badge{border-radius:var(--r-full);text-align:center;white-space:nowrap;place-self:center start;padding:7px 10px;font-size:12px;font-weight:900}.employee-incident-badge.deadline{background:var(--amber-bg);color:var(--amber)}.employee-incident-badge.warning{color:var(--red);background:#fff1f2}.employee-incident-main{gap:6px;min-width:0;display:grid}.employee-incident-main>div{gap:2px;min-width:0;display:grid}.employee-incident-file{text-align:right;justify-self:end;max-width:240px}.employee-incident-item time{grid-column:3;justify-self:end}.employee-incident-file,.employee-incident-item time{min-width:0}.employee-incident-file{gap:2px;min-width:0;display:grid}.employee-incident-main strong,.employee-incident-main b,.employee-incident-file strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.employee-incident-main span,.employee-incident-main p,.employee-incident-file span,.employee-incident-item time{color:var(--text-muted);font-size:12px;line-height:1.45}.employee-incident-main p{margin:0}.employee-incident-item time{white-space:nowrap}.employee-incident-empty{color:var(--text-muted);text-align:center;padding:18px 16px;font-size:12px}.employee-incident-more{background:var(--gray-50);border:0;border-top:1px solid var(--border);color:var(--brand-700);cursor:pointer;padding:12px 16px;font-size:12px;font-weight:900}.employee-incident-more:hover{background:var(--brand-50)}.employee-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:12px;min-width:0;padding:15px;display:flex}.employee-kpi-card>span{background:var(--gray-100);color:var(--text-secondary);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.employee-kpi-card strong,.employee-kpi-card small{display:block}.employee-kpi-card strong{color:var(--text-primary);font-size:24px;line-height:1}.employee-kpi-card small{color:var(--text-muted);text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700}.employee-kpi-card.primary{background:var(--brand-50);border-color:var(--brand-200)}.employee-kpi-card.primary>span,.employee-kpi-card.good>span{background:var(--green-bg);color:var(--green)}.employee-kpi-card.primary strong,.employee-kpi-card.good strong{color:var(--green)}.employee-kpi-card.warn>span{background:var(--amber-bg);color:var(--amber)}.employee-kpi-card.warn strong{color:var(--amber)}.employee-insight-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;margin-bottom:18px;display:grid}.employee-breakdown-card{--chart-color:var(--brand-500);--chart-soft:var(--brand-100);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;padding:16px}.employee-chart-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-chart-heading>div:first-child{min-width:0}.employee-breakdown-card h3{color:var(--text-primary);margin:0 0 3px;font-size:14px}.employee-breakdown-card>div>p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.employee-chart-total{text-align:right;flex:none;display:grid}.employee-chart-total strong{color:var(--chart-color);font-size:20px;line-height:1}.employee-chart-total span{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.employee-chart-legend{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:13px;padding-bottom:9px;font-size:10px;display:flex}.employee-chart-legend span:first-child{align-items:center;gap:5px;display:flex}.employee-chart-legend i{background:var(--chart-color);border-radius:3px;width:7px;height:7px}.employee-chart-canvas{min-width:0;height:220px;margin-top:13px;position:relative}.employee-chart-canvas-tall{height:284px}.employee-chart-canvas-square{height:188px;margin-top:0}.employee-doughnut-wrap{grid-template-columns:minmax(150px,1fr) minmax(112px,auto);align-items:center;gap:14px;margin-top:16px;display:grid}.employee-deadline-stats{gap:8px;display:grid}.employee-deadline-stats span{background:var(--gray-50);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:9px 10px;font-size:11px;display:grid}.employee-deadline-stats strong{color:var(--text-primary);margin-bottom:3px;font-size:17px;line-height:1}.employee-bar-chart{gap:11px;margin-top:13px;display:grid}.employee-bar-row{grid-template-columns:minmax(76px,.9fr) minmax(80px,1.25fr) auto;align-items:center;gap:9px;display:grid}.employee-bar-label{min-width:0;display:grid}.employee-bar-label strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.employee-bar-label span{color:var(--text-muted);font-size:9px}.employee-bar-track{background:var(--chart-soft);border-radius:var(--r-full);height:9px;overflow:hidden}.employee-bar-fill{background:linear-gradient(90deg, var(--chart-color), color-mix(in srgb, var(--chart-color) 72%, white));border-radius:inherit;min-width:4px;height:100%;transition:width .32s;display:block}.employee-bar-row>b{color:var(--text-primary);text-align:right;min-width:30px;font-size:11px}.employee-breakdown-empty{color:var(--text-muted);padding:10px 0;font-size:12px}.employee-chart-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:10px;display:block}.employee-table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.employee-table-toolbar>span{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.employee-kpi-table table{min-width:1480px}.employee-kpi-table{max-height:520px;overflow:auto}.employee-kpi-table thead{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);z-index:3;position:sticky;top:0}.employee-kpi-table thead th{z-index:4;background:0 0;position:sticky;top:0;box-shadow:inset 0 -1px #ffffff29}.employee-kpi-table thead th:first-child{border-top-left-radius:calc(var(--r-lg) - 1px)}.employee-kpi-table thead th:last-child{border-top-right-radius:calc(var(--r-lg) - 1px)}.employee-kpi-table td{vertical-align:middle}.employee-kpi-table td small{white-space:nowrap}.employee-pagination-row{margin-top:12px}.kpi-primary-value{color:var(--brand-700);font-size:16px;font-weight:800}.deadline-value strong,.deadline-value small{white-space:nowrap;display:block}.deadline-value strong{color:var(--green);font-size:12px}.deadline-value small{color:var(--red);margin-top:3px}.employee-retention-note,.employee-permission-note{border-radius:var(--r);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.employee-retention-note{background:var(--gray-50);border:1px solid var(--border);color:var(--text-secondary);margin-top:14px;padding:10px 12px}.employee-permission-note{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-700);padding:12px}.employee-retention-note svg,.employee-permission-note svg{flex:none;margin-top:1px}.employee-drawer{width:580px;max-width:min(580px,100vw)}.employee-drawer .customer-drawer-form{gap:16px}.employee-customer-picker{border:1px solid var(--border);border-radius:var(--r);gap:12px;padding:14px;display:grid;overflow:hidden}.employee-customer-picker-heading{justify-content:space-between;align-items:center;display:flex}.employee-customer-picker-heading>div{gap:3px;display:grid}.employee-customer-picker-heading strong{color:var(--text-primary);font-size:14px}.employee-customer-picker-heading span{color:var(--text-muted);font-size:12px}.employee-customer-picker-heading svg{color:var(--brand-600)}.employee-customer-picker-toolbar{align-items:center;gap:10px;display:flex}.employee-customer-picker-toolbar .search-input-wrap{flex:1}.employee-customer-picker-toolbar input{width:100%}.employee-select-all{color:var(--brand-700);cursor:pointer;background:0 0;border:0;flex:none;padding:6px 0;font-size:12px;font-weight:800}.employee-select-all:disabled{cursor:default;opacity:.5}.employee-customer-options{border:1px solid var(--border);scrollbar-gutter:stable;border-radius:10px;align-content:start;height:280px;display:grid;overflow-y:auto}.employee-customer-options>label{background:var(--surface);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;margin:0;padding:12px;display:grid}.employee-customer-options>label+label{border-top:1px solid var(--border)}.employee-customer-options>label.selected{background:var(--brand-50)}.employee-customer-options>label.paused,.employee-customer-options>label.terminated{background:var(--gray-50)}.employee-customer-options>label.paused strong,.employee-customer-options>label.terminated strong{color:var(--text-secondary)}.employee-customer-options input[type=checkbox]{accent-color:var(--brand-600);align-self:center;width:16px;height:16px;min-height:16px;margin:0;padding:0;display:block}.employee-customer-options label>span{gap:3px;min-width:0;display:grid}.employee-customer-options strong{color:var(--text-primary);font-size:13px;line-height:1.35}.employee-customer-options small{color:var(--text-muted);font-size:11px}.employee-customer-options em{color:var(--amber);font-size:11px;font-style:normal;font-weight:700}.employee-customer-empty{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;height:100%;padding:24px 12px;font-size:12px;display:flex}.employee-customer-load-more{background:var(--gray-50);border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:9px 12px;font-size:11px;font-weight:700}.customer-toolbar{margin-bottom:12px}.customer-search-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.customer-search-row span{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.customer-filter-button{min-height:38px}.customer-filter-button.is-active{background:var(--brand-50);border-color:var(--brand-400);color:var(--brand-700)}.customer-filter-row{background:linear-gradient(180deg, #fff 0%, var(--gray-50) 100%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin:-2px 0 16px;padding:12px;display:grid}.customer-filter-field{gap:6px;min-width:0;display:grid}.customer-filter-field>span{color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.2}.customer-filter-row .cselect{min-width:0}.customer-filter-row .ghost-button{justify-content:center;min-height:40px}.search-input-wrap{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);color:var(--text-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:min(520px,100%);min-height:40px;padding:0 12px;display:grid}.search-input-wrap:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b2e}.search-input-wrap input{box-shadow:none;caret-color:var(--text-primary);background:0 0;border:0;width:100%;min-width:0;min-height:auto;padding:0 0 0 2px}.search-input-wrap input:focus{box-shadow:none}.search-clear-button{background:var(--gray-100);border-radius:var(--r-full);color:var(--text-muted);height:24px;transition:background var(--t-fast), color var(--t-fast);border:0;justify-content:center;align-items:center;width:24px;padding:0;display:inline-flex}.search-clear-button:hover{background:var(--brand-100);color:var(--brand-600)}.customer-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.supplier-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.customer-stat{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r);padding:12px}.customer-stat strong{color:var(--brand-600);font-size:22px;line-height:1;display:block}.customer-stat span{color:var(--text-muted);text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:700;display:block}.customer-table{max-height:420px;overflow-y:auto}.customer-table table{min-width:960px}.customer-list-table{max-height:420px;overflow:auto}.customer-list-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1080px}.customer-list-table thead{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);z-index:4;position:sticky;top:0}.customer-list-table thead th{z-index:5;background:0 0;border-bottom:0;position:sticky;top:0;box-shadow:inset 0 -1px #ffffff29}.customer-list-table thead th:first-child{border-top-left-radius:calc(var(--r-lg) - 1px)}.customer-list-table thead th:last-child{border-top-right-radius:calc(var(--r-lg) - 1px)}.customer-list-table th:first-child,.customer-list-table td:first-child{width:130px}.customer-list-table th:nth-child(2),.customer-list-table td:nth-child(2){width:260px}.customer-list-table th:nth-child(3),.customer-list-table td:nth-child(3){width:150px}.customer-list-table th:nth-child(4),.customer-list-table td:nth-child(4){width:130px}.customer-list-table th:nth-child(5),.customer-list-table td:nth-child(5){width:120px}.customer-list-table th:nth-child(6),.customer-list-table td:nth-child(6){width:170px}.customer-list-table th:nth-child(7),.customer-list-table td:nth-child(7){width:116px}.supplier-table{max-height:420px;overflow:auto}.supplier-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1120px}.supplier-table thead{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);z-index:4;position:sticky;top:0}.supplier-table thead th{z-index:5;background:0 0;border-bottom:0;position:sticky;top:0;box-shadow:inset 0 -1px #ffffff29}.supplier-table thead th:first-child{border-top-left-radius:calc(var(--r-lg) - 1px)}.supplier-table thead th:last-child{border-top-right-radius:calc(var(--r-lg) - 1px)}.account-table table{min-width:720px}.account-table thead{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);z-index:2;position:sticky;top:0}.account-table thead th{background:0 0;position:static}.supplier-drawer{width:480px}.field-hint{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.table-action-cell{text-align:right;width:104px}.table-action-buttons{white-space:nowrap;justify-content:flex-end;gap:6px;max-width:100%;display:inline-flex}.confirm-dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:26px;animation:.18s ease-out both confirm-dialog-in;position:relative}.confirm-dialog-icon{color:#be123c;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.confirm-dialog-close{position:absolute;top:18px;right:18px}.confirm-dialog h3{color:var(--text-primary);margin:0 0 8px;font-size:20px}.confirm-dialog p{color:var(--text-secondary);margin:0;line-height:1.6}.confirm-dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.danger-button{border-radius:var(--r);color:#fff;background:#be123c;border:1px solid #be123c;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-weight:800;display:inline-flex}.danger-button:hover{background:#9f1239;border-color:#9f1239}.danger-button:disabled{cursor:not-allowed;opacity:.7}@keyframes confirm-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-drawer-backdrop{z-index:40;background:#0f172a61;justify-content:flex-end;align-items:stretch;animation:.24s both drawer-backdrop-in;display:flex;position:fixed;inset:0}.customer-drawer-backdrop.exiting{pointer-events:none;animation:.2s both drawer-backdrop-out}.customer-drawer{background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;width:440px;max-width:min(440px,100vw);min-height:100dvh;max-height:100dvh;padding:22px 24px;animation:.24s cubic-bezier(.16,1,.3,1) both drawer-slide-in;display:flex;overflow:hidden}.customer-drawer.exiting{animation:.2s both drawer-slide-out}.drawer-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.drawer-heading h3{color:var(--text-primary);margin:0 0 4px;font-size:20px}.drawer-heading p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.customer-drawer-form{flex:1;grid-auto-rows:max-content;align-content:start;gap:30px;min-height:0;padding:0 4px 4px 0;display:grid;overflow-y:auto}.customer-drawer-form label,.customer-drawer-form .form-field{color:var(--text-secondary);gap:6px;font-size:13px;font-weight:700;display:grid}.form-field-label{display:block}.customer-drawer-form input,.customer-drawer-form .cselect__trigger{height:40px;min-height:40px;max-height:40px;padding-left:10px;padding-right:10px;font-size:13px;line-height:1.35}.customer-drawer-form input{padding-top:2px;padding-bottom:2px}.customer-drawer-form .cselect__trigger{padding-right:10px}.drawer-actions{background:var(--surface);justify-content:flex-end;gap:10px;margin-top:6px;padding-top:4px;display:flex;position:sticky;bottom:0}.drawer-actions .primary-button,.drawer-actions .secondary-button{height:36px;min-height:36px;padding:0 12px;font-size:13px}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes drawer-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(32px)}}@media (prefers-reduced-motion:reduce){.customer-drawer-backdrop,.customer-drawer-backdrop.exiting,.customer-drawer,.customer-drawer.exiting{animation:none}}.pagination-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination-row span{color:var(--text-secondary);font-size:13px;font-weight:700}.admin-panel .disabled-badge{gap:6px}.compact-table{margin-top:14px}.compact-table table{min-width:980px}input,select{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);color:var(--text-primary);min-height:40px;transition:border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:0 12px;font-size:14px;line-height:1.45}input:focus,select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b2e,0 1px 4px #31ae5b1f}input::placeholder{color:var(--text-muted)}select{appearance:none;cursor:pointer;box-shadow:var(--shadow-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2331ae5b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}select:not(:disabled):hover{border-color:var(--brand-400);background-color:var(--brand-50);box-shadow:var(--shadow-sm)}input:disabled,select:disabled{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:42px}.password-toggle-button{color:var(--text-muted);height:32px;transition:color var(--t-fast);background:0 0;border:0;justify-content:center;align-items:center;width:32px;padding:0;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-toggle-button:not(:disabled):hover{color:var(--brand-600)}.skeleton{background:linear-gradient(90deg,#f1f5f900 0%,#ffffffc7 48%,#f1f5f900 100%) -220px 0/220px 100%,linear-gradient(90deg,#eef2f7 0%,#e2e8f0 100%) 0 0/100% 100%;animation:1.35s ease-in-out infinite skeleton-shimmer;position:relative;box-shadow:inset 0 0 0 1px #ffffff73}.skeleton.skeleton-inverted{box-shadow:none;background:linear-gradient(90deg,#fff0 0%,#ffffff6b 48%,#fff0 100%) -180px 0/180px 100%,#ffffff3d 0 0/100% 100%}@keyframes skeleton-shimmer{to{background-position:calc(100% + 220px) 0,0 0}}.skeleton-row td{padding-top:15px;padding-bottom:15px}.processing-upload-skeleton{padding-top:28px}.processing-upload-skeleton .panel{box-shadow:0 22px 50px #0f172a14, var(--shadow-sm)}.processing-upload-skeleton .skeleton{background:linear-gradient(90deg,#e2e8f000 0%,#ffffffdb 48%,#e2e8f000 100%) -220px 0/220px 100%,linear-gradient(90deg,#dbe4ee 0%,#cfd9e6 100%) 0 0/100% 100%}.processing-upload-skeleton__drop{cursor:wait;background:linear-gradient(#f8fafcf5,#f1f5f9e6);border-color:#c9d7e8}.processing-upload-skeleton__drop:hover{box-shadow:none;background:linear-gradient(#f8fafcf5,#f1f5f9e6);border-color:#c9d7e8}.processing-upload-skeleton__hint{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r);margin-top:12px;padding:12px 14px}.processing-upload-skeleton__action{cursor:wait;opacity:.8;pointer-events:none}.cselect{width:100%;min-width:0;position:relative}.cselect__trigger{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;min-height:40px;transition:background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 12px;font-size:14px;line-height:1.35;display:flex}.cselect__trigger:not(:disabled):hover{background:var(--brand-50);border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.cselect__trigger:focus-visible,.cselect--open .cselect__trigger{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b29, var(--shadow-sm)}.cselect--disabled .cselect__trigger{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed}.cselect__value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.cselect__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);z-index:80;outline:none;max-height:min(280px,42vh);margin-top:6px;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 42px #0f172a24,0 6px 16px #0f172a14}.cselect__search-wrap{background:var(--surface);padding:4px 4px 8px}.cselect__search{border:1.5px solid var(--border-strong);border-radius:var(--r);color:var(--text-primary);outline:none;width:100%;min-height:34px;padding:0 10px;font-size:13px;line-height:1.35}.cselect__search:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b24}.cselect__option{border-radius:calc(var(--r) - 3px);color:var(--text-primary);cursor:pointer;min-height:36px;transition:background-color var(--t-fast), color var(--t-fast);outline:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;line-height:1.35;display:flex}.cselect__option--focused,.cselect__option:hover{background:var(--brand-50);color:var(--brand-700)}.cselect__option--selected{color:var(--brand-700);font-weight:700}.cselect__checkbox{background:var(--surface);border:1.5px solid var(--border-strong);color:#fff;border-radius:5px;flex:0 0 19px;justify-content:center;align-items:center;width:19px;height:19px;display:inline-flex}.cselect__checkbox--checked{background:var(--brand-600);border-color:var(--brand-600)}.cselect__status{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.cselect__status--end,.cselect__status--empty{color:var(--text-muted)}.cselect__empty-action-wrap{text-align:center;justify-content:center;padding:0 10px 8px;display:flex}.cselect__empty-action{background:var(--brand-50);border:1px solid var(--brand-300);border-radius:var(--r-full);color:var(--brand-700);min-height:30px;transition:background-color var(--t-fast), border-color var(--t-fast);justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.cselect__empty-action:hover{background:var(--brand-100);border-color:var(--brand-500)}.picker-modal-backdrop{z-index:60;background:#0f172a61;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:560px;max-width:min(560px,100vw - 28px);padding:20px}.picker-create-modal{width:720px;max-width:min(720px,100vw - 28px)}.picker-modal-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.picker-modal-heading h3{color:var(--text-primary);margin:0 0 4px;font-size:18px}.picker-modal-heading p{color:var(--text-secondary);margin:0;font-size:13px}.picker-select{width:100%}.picker-select .cselect__dropdown{max-height:300px}.picker-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.picker-create-form{margin-top:2px}.picker-create-form h4{color:var(--text-primary);margin:0 0 10px;font-size:14px}.picker-create-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.picker-create-grid label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:700;display:grid}.picker-create-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.rule-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.rule-pill{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-700);transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:500;display:inline-flex}.rule-pill:hover{background:var(--brand-100);border-color:var(--brand-400)}.rule-pill button{background:var(--brand-200);border-radius:var(--r-full);color:var(--brand-600);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);border:0;align-items:center;padding:2px;display:inline-flex}.rule-pill button:hover{background:var(--red);color:#fff}.drop-zone{background:var(--gray-50);border:2px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-primary);min-height:148px;transition:border-color var(--t), background var(--t), box-shadow var(--t);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:28px 24px;display:flex}.drop-zone:hover{background:var(--brand-50);border-color:var(--brand-400);box-shadow:0 0 0 4px #31ae5b1f}.drop-zone svg{color:var(--brand-500);transition:transform var(--t)}.drop-zone:hover svg{transform:translateY(-3px)}.drop-zone strong{font-size:14.5px;font-weight:600}.drop-zone span{color:var(--text-muted);font-size:13px}.drop-zone+.primary-button{justify-content:center;width:100%;min-height:44px;margin-top:12px;font-size:14.5px}.provider-row{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.provider-label{color:var(--text-secondary);font-size:13px;font-weight:500}.provider-badge{border-radius:var(--r-full);letter-spacing:.02em;padding:3px 12px;font-size:12px;font-weight:700}.provider-badge--red{color:#b91c1c;background:#fee2e2}.provider-badge--blue{color:#1d4ed8;background:#dbeafe}.provider-badge--green{color:#15803d;background:#dcfce7}.provider-badge--orange{color:#c2410c;background:#ffedd5}.provider-badge--teal{color:#0f766e;background:#ccfbf1}.provider-badge--purple{background:var(--brand-100);color:var(--brand-700)}.provider-badge--indigo{color:#4338ca;background:#e0e7ff}.provider-badge--pink{color:#be185d;background:#fce7f3}.provider-badge--gray{background:var(--gray-100);color:var(--gray-600)}.provider-badge--unknown{background:var(--gray-100);color:var(--gray-500);font-style:italic}.warning-box{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r);color:#92400e;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.warning-box svg{color:var(--amber);flex-shrink:0;margin-top:1px}.action-warning-box{justify-content:space-between;align-items:center}.action-warning-box span{align-items:center;gap:10px;display:inline-flex}.action-warning-box .secondary-button{background:var(--surface);white-space:nowrap;min-height:34px}.export-readiness-card{border-radius:var(--r-lg);border:1px solid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:grid;position:relative;overflow:hidden}.export-readiness-card:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}.export-readiness-card.is-ready{background:linear-gradient(135deg,#f0fdf4 0%,#f7fff9 100%);border-color:#bbf7d0}.export-readiness-card.is-ready:before{background:#22c55e}.export-readiness-card.is-blocked{border-color:var(--amber-border);background:linear-gradient(135deg,#fffaf0 0%,#fffdf8 100%)}.export-readiness-card.is-blocked:before{background:var(--amber)}.export-readiness-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.is-ready .export-readiness-icon{color:#15803d;background:#dcfce7}.is-blocked .export-readiness-icon{background:var(--amber-bg);color:#b45309}.export-readiness-content{min-width:0}.export-readiness-label{color:#15803d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.is-blocked .export-readiness-label{color:#b45309}.export-readiness-content>strong{color:var(--text-primary);font-size:17px;line-height:1.35;display:block}.export-readiness-content>p{color:var(--text-secondary);margin:3px 0 0;font-size:13px;line-height:1.5}.kpi-export-checkbox{color:#166534;border-radius:6px;align-items:center;gap:8px;width:fit-content;min-height:22px;margin-top:10px;padding:2px 4px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.kpi-export-checkbox input{accent-color:#16a34a;box-shadow:none;flex:none;width:16px;margin:0}.kpi-export-checkbox span{display:inline-flex}.kpi-export-checkbox:has(input:disabled){color:var(--text-muted)}.export-file-summary{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.export-file-summary span{border-radius:var(--r-full);color:#166534;background:#ffffffd1;border:1px solid #bbf7d0;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.export-readiness-card .export-button{border-radius:12px;min-height:54px;padding:0 18px}.export-readiness-card .export-button>span{text-align:left;gap:1px;display:grid}.export-readiness-card .export-button strong{font-size:14px}.export-readiness-card .export-button small{opacity:.82;font-size:11px;font-weight:500}.export-readiness-card .export-button:disabled{background:var(--gray-200);border-color:var(--gray-300);box-shadow:none;color:var(--gray-500);opacity:1}.export-readiness-card.is-blocked .export-button:not(:disabled){background:linear-gradient(135deg,#b45309 0%,#d97706 100%);border-color:#b45309;box-shadow:0 4px 14px #b4530938}.export-readiness-card.is-blocked .export-button:not(:disabled):hover{background:linear-gradient(135deg,#92400e 0%,#b45309 100%);box-shadow:0 8px 22px #b4530947}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t), box-shadow var(--t);padding:14px 12px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card strong{color:var(--brand-600);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1;display:block}.stat-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:11px;font-weight:600;display:block}.stat-card.good strong{color:var(--green)}.stat-card.bad strong{color:var(--red)}.stat-card.warn strong{color:var(--amber)}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-button{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-secondary);min-height:32px;transition:all var(--t-fast);padding:0 14px;font-size:13px;font-weight:500}.filter-button:hover{border-color:var(--brand-400);color:var(--brand-600);background:var(--brand-50)}.filter-button.active{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);color:#fff;box-shadow:0 2px 8px #31ae5b4d}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto}.result-table-wrap{overflow:auto hidden}.result-table-wrap table{table-layout:fixed;width:1580px;min-width:1580px}.result-table-wrap thead,.result-table-wrap tbody tr{table-layout:fixed;width:1580px;display:table}.result-table-wrap th:first-child,.result-table-wrap td:first-child{width:120px}.result-table-wrap th:nth-child(2),.result-table-wrap td:nth-child(2){width:100px}.result-table-wrap th:nth-child(3),.result-table-wrap td:nth-child(3){width:260px}.result-table-wrap th:nth-child(4),.result-table-wrap td:nth-child(4),.result-table-wrap th:nth-child(5),.result-table-wrap td:nth-child(5),.result-table-wrap th:nth-child(6),.result-table-wrap td:nth-child(6),.result-table-wrap th:nth-child(7),.result-table-wrap td:nth-child(7),.result-table-wrap th:nth-child(8),.result-table-wrap td:nth-child(8),.result-table-wrap th:nth-child(9),.result-table-wrap td:nth-child(9){width:120px}.result-table-wrap th:nth-child(10),.result-table-wrap td:nth-child(10){width:205px}.result-table-wrap td:nth-child(10){white-space:normal;word-break:break-word}.result-table-wrap tbody{scrollbar-color:var(--brand-300) var(--gray-100);scrollbar-gutter:stable;scrollbar-width:thin;max-height:min(54vh,560px);display:block;overflow-y:auto}.result-table-wrap thead th{box-shadow:inset 0 -1px #ffffff2e}.result-table-wrap tbody::-webkit-scrollbar{width:10px}.result-table-wrap tbody::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--r-full)}.result-table-wrap tbody::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-500), var(--brand-700));border:2px solid var(--gray-100);border-radius:var(--r-full)}.result-table-wrap tbody::-webkit-scrollbar-thumb:hover{background:var(--brand-700)}table{border-collapse:collapse;width:100%;min-width:1100px}thead tr{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%)}.customer-table thead th{z-index:1;position:sticky;top:0}th{color:#ffffffe0;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px 14px;font-size:11px;font-weight:600}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:var(--brand-50)}td{border-top:1px solid var(--border);color:var(--text-primary);vertical-align:top;padding:13px 14px;font-size:13px}td strong{font-weight:600;display:block}td small{color:var(--text-muted);margin-top:3px;font-size:11.5px;display:block}.money-bad{color:var(--red);font-weight:700}.error-summary-report{border:1px solid var(--border);border-radius:10px;margin:16px 0;overflow:hidden}.error-summary-heading{background:#fff7f7;border-bottom:1px solid #f2d2d2;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.error-summary-heading h3{color:var(--text-primary);margin:0;font-size:15px}.error-summary-heading p{color:var(--text-muted);margin:3px 0 0;font-size:12px}.error-summary-heading span{border-radius:var(--r-full);color:#9f1239;white-space:nowrap;background:#fff;border:1px solid #f2d2d2;padding:4px 10px;font-size:11.5px;font-weight:700}.error-summary-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:12px;display:grid}.error-summary-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:11px}.error-summary-card div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.error-summary-card strong{color:var(--text-primary);font-size:13px}.error-summary-card span{color:var(--red);white-space:nowrap;font-size:11.5px;font-weight:700}.error-summary-card p{color:var(--text-secondary);margin:8px 0;font-size:12px;line-height:1.4}.error-summary-card small,.error-summary-empty{color:var(--text-muted);font-size:11.5px;line-height:1.4;display:block}.error-summary-empty{padding:4px}.invoice-nos-compact{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.invoice-nos-more{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r-full);color:var(--brand-700);letter-spacing:.01em;padding:2px 8px;font-size:10.5px;font-weight:700}.invoice-nos-link{color:var(--brand-600);background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.invoice-nos-link:hover{color:var(--brand-700)}.invoice-dialog-backdrop{z-index:30;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-dialog{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;width:min(100%,720px);max-width:720px;padding:14px}.invoice-dialog-heading{justify-content:space-between;align-items:center;display:flex}.invoice-dialog-heading h3{margin:0;font-size:16px}.invoice-dialog-body{color:var(--text-secondary);background:#f8fafc;border-radius:10px;max-height:52vh;margin-top:12px;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.export-warning-backdrop{z-index:45;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.export-warning-dialog{background:var(--surface);border:1px solid var(--amber-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:min(100%,520px);max-width:520px;overflow:hidden}.export-warning-heading{background:linear-gradient(#fffaf0 0%,#fff 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px;padding:18px;display:grid}.export-warning-heading>span{background:var(--amber-bg);color:var(--amber);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.export-warning-heading h3,.export-warning-heading p{margin:0}.export-warning-heading h3{color:var(--text-primary);font-size:18px}.export-warning-heading p{color:var(--text-secondary);margin-top:5px;font-size:13px;line-height:1.5}.export-warning-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 16px;display:grid}.export-warning-summary div{background:var(--gray-50);border:1px solid var(--border);border-radius:12px;padding:12px}.export-warning-summary strong,.export-warning-summary span{display:block}.export-warning-summary strong{color:var(--red);font-size:22px;line-height:1}.export-warning-summary span{color:var(--text-muted);text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:800;line-height:1.35}.export-warning-note{border-block:1px solid var(--amber-border);color:var(--text-secondary);background:#fff7ed;padding:12px 18px;font-size:13px;line-height:1.5}.export-warning-actions{justify-content:flex-end;gap:10px;padding:16px 18px 18px;display:flex}.status{border-radius:var(--r-full);letter-spacing:.03em;white-space:nowrap;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status.valid{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.status.error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.status.paused{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.seller-errors{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seller-error-item{background:linear-gradient(#fff7f7 0%,#fff3f3 100%);border:1px solid #f2d2d2;border-radius:10px;padding:7px 9px}.seller-error-message{color:#9f1239;font-size:12.5px;font-weight:600;line-height:1.35;display:block}.seller-error-meta{color:#64748b;margin-top:3px;font-size:11.5px;display:block}.panel .supplier-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important;display:grid!important}.panel .supplier-tab{border:1px solid var(--border)!important;color:var(--text-primary)!important;cursor:pointer!important;text-align:left!important;background:#fff!important;border-radius:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;width:100%!important;min-height:72px!important;padding:14px 16px!important;display:flex!important;box-shadow:0 8px 20px #0f172a0a!important}.panel .supplier-tab strong{color:var(--text-primary)!important;font-size:15px!important;font-weight:800!important;line-height:1.25!important;display:block!important}.panel .supplier-tab small{color:var(--text-muted)!important;margin-top:3px!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important;display:block!important}.panel .supplier-tab:hover{border-color:var(--brand-300)!important;transform:translateY(-1px)!important;box-shadow:0 12px 26px #0f172a14!important}.panel .supplier-tab.active{border-color:var(--brand-400)!important;box-shadow:inset 0 0 0 1px var(--brand-200), 0 12px 26px #16a34a1a!important;background:linear-gradient(#ecfdf5 0%,#fff 100%)!important}.panel .supplier-tab.active strong{color:var(--brand-700)!important}.panel .supplier-tab.active small{color:var(--brand-600)!important}@media (width<=860px){.panel .supplier-tabs{grid-template-columns:1fr!important}}@media (width<=760px){.app-shell{height:100vh;display:block}.app-sidebar{box-shadow:var(--shadow-lg);max-width:none;height:100vh;transition:transform var(--t);width:min(320px,100vw - 40px);position:fixed;top:0;left:0;transform:translate(-105%)}.app-sidebar.open{transform:translate(0)}.drawer-backdrop{opacity:0;pointer-events:none;transition:opacity var(--t);z-index:15;background:#0f172a61;display:block;position:fixed;inset:0}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-close,.menu-button{display:inline-flex}.content-shell{height:100vh;padding:0}.content-topbar{grid-template-columns:auto minmax(0,1fr) auto;margin:0 0 24px;padding:16px 24px}.tab-panel{padding:0 24px 48px}.panel-heading{flex-direction:column}.export-readiness-card{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.export-readiness-card .export-button{grid-column:1/-1;justify-content:center;width:100%}.workflow-grid,.control-row,.rule-form,.employee-form{grid-template-columns:1fr}.kpi-policy-grid,.employee-kpi-summary,.employee-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-incident-item{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.employee-incident-toolbar{flex-direction:column;align-items:stretch}.employee-incident-toolbar .search-input-wrap{max-width:none}.employee-incident-file,.employee-incident-item time{grid-column:2;justify-self:start}.employee-table-toolbar{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(3,1fr)}.customer-summary,.supplier-summary{grid-template-columns:repeat(2,1fr)}.customer-search-row,.pagination-row{flex-direction:column;align-items:stretch}.customer-filter-row{grid-template-columns:1fr}}@media (width<=640px){.content-shell{padding:0}.content-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;margin:0 0 18px;padding:14px}.tab-panel{padding:0 14px 40px}.content-topbar .session-box{grid-column:2;align-items:flex-start}.content-topbar .ghost-button{min-height:34px;padding:0 12px}.panel{border-radius:var(--r-lg);padding:18px}.kpi-policy-grid,.employee-kpi-summary,.employee-insight-grid{grid-template-columns:1fr}.employee-incident-heading,.employee-incident-item{grid-template-columns:1fr;align-items:flex-start}.employee-incident-heading,.employee-incident-summary,.employee-incident-toggle{flex-direction:column}.employee-incident-toolbar{padding:12px}.employee-incident-file,.employee-incident-item time{grid-column:auto}.employee-doughnut-wrap{grid-template-columns:1fr}.content-topbar h1{font-size:21px}.subtitle{font-size:13px}.bank-pagination{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;display:flex}.bank-pagination>span{color:var(--text-muted);font-size:13px;font-weight:600}.bank-pagination-actions{align-items:center;gap:10px;display:flex}.bank-pagination-actions strong{color:var(--text-primary);text-align:center;min-width:88px;font-size:14px}@media (width<=640px){.bank-pagination{flex-direction:column;align-items:stretch}.bank-pagination-actions{justify-content:space-between}}.panel .supplier-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.panel .supplier-tab{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;min-height:72px;padding:14px 16px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 8px 20px #0f172a0a}.panel .supplier-tab strong{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.25;display:block}.panel .supplier-tab small{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.35;display:block}.panel .supplier-tab:hover{border-color:var(--brand-300);transform:translateY(-1px);box-shadow:0 12px 26px #0f172a14}.panel .supplier-tab.active{border-color:var(--brand-400);box-shadow:inset 0 0 0 1px var(--brand-200), 0 12px 26px #16a34a1a;background:linear-gradient(#ecfdf5 0%,#fff 100%)}.panel .supplier-tab.active strong{color:var(--brand-700)}.panel .supplier-tab.active small{color:var(--brand-600)}@media (width<=860px){.panel .supplier-tabs{grid-template-columns:1fr}}}