@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--spacing-0:0;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--radius-full:9999px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-0{z-index:0}.z-1{z-index:1}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.mx-auto{margin-inline:auto}.me-2{margin-inline-end:var(--spacing-2)}.mt-0{margin-top:var(--spacing-0)}.mt-4{margin-top:var(--spacing-4)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-100{height:calc(var(--spacing)*100)}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-100{width:calc(var(--spacing)*100)}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6)*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--color-neutral-50\)\]{background-color:var(--color-neutral-50)}.bg-\[var\(--color-primary-600\)\]{background-color:var(--color-primary-600)}.bg-white{background-color:var(--color-white)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-4{padding-inline:var(--spacing-4)}.py-2{padding-block:var(--spacing-2)}.ps-0{padding-inline-start:var(--spacing-0)}.pb-0{padding-bottom:var(--spacing-0)}.text-center{text-align:center}.text-end{text-align:end}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-\[var\(--color-primary-600\)\]{color:var(--color-primary-600)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:bg-\[var\(--color-primary-700\)\]:hover{background-color:var(--color-primary-700)}}}:root{--color-primary-50:#f0f7f4;--color-primary-100:#dcede4;--color-primary-200:#bbdccc;--color-primary-300:#8ec4ab;--color-primary-400:#5ea685;--color-primary-500:#3d8968;--color-primary-600:#14452f;--color-primary-700:#0f3624;--color-primary-800:#0b2a1c;--color-primary-900:#071f14;--color-primary-alpha-10:#14452f1a;--color-primary-alpha-20:#14452f33;--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-brand-dark:var(--color-primary-800);--color-brand-green:var(--color-primary-700);--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-surface-primary:var(--color-neutral-0);--color-surface-secondary:var(--color-neutral-50);--color-surface-glassmorphism:#ffffff1a;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-500);--color-text-muted:var(--color-neutral-400);--color-text-inverse:var(--color-neutral-0);--color-text-inverse-muted:#ffffffe6;--color-text-inverse-subtle:#fffc;--color-text-link:var(--color-primary-600);--color-text-link-hover:var(--color-primary-700);--color-border-default:var(--color-neutral-300);--color-border-light:var(--color-neutral-200);--color-border-dark:var(--color-neutral-400);--color-border-focus:var(--color-primary-600);--color-icon-default:var(--color-neutral-400);--color-icon-muted:var(--color-neutral-500);--color-text-tertiary:var(--color-neutral-400)}[data-theme=dark]{--color-neutral-0:#0f172a;--color-neutral-50:#1e293b;--color-neutral-100:#334155;--color-neutral-200:#475569;--color-neutral-300:#64748b;--color-neutral-400:#94a3b8;--color-neutral-500:#cbd5e1;--color-neutral-600:#e2e8f0;--color-neutral-700:#f1f5f9;--color-neutral-800:#f8fafc;--color-neutral-900:#fff;--color-surface-primary:#1e293b;--color-surface-secondary:#0f172a;--color-surface-glassmorphism:#ffffff0d;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f172a;--color-text-inverse-muted:#0f172ae6;--color-text-inverse-subtle:#0f172acc;--color-border-default:#475569;--color-border-light:#334155;--color-border-dark:#64748b;--color-primary-50:#0f2a1e;--color-primary-100:#1a3d2c;--color-primary-alpha-10:#14452f33;--color-primary-alpha-20:#14452f4d;--color-text-link:#5ea685;--color-text-link-hover:#8ec4ab;--color-border-focus:#5ea685;--color-icon-default:#94a3b8;--color-icon-muted:#64748b}:root{--font-family-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.0625rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-size-6xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:1.7;--line-height-double:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--spacing-0:0;--spacing-px:1px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-3_5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--input-padding-x:var(--spacing-4);--input-padding-y:var(--spacing-3);--input-padding-with-icon:var(--spacing-12);--card-padding:var(--spacing-12);--section-padding:var(--spacing-12);--shadow-none:none;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-focus-ring:0 0 0 3px var(--color-primary-alpha-10);--shadow-card:var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-modal:var(--shadow-2xl);--shadow-button:var(--shadow-md);--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-input:var(--radius-xl);--radius-button:var(--radius-xl);--radius-card:var(--radius-3xl);--radius-badge:var(--radius-full);--radius-icon-box:var(--radius-2xl);--border-width-default:1px;--border-width-2:2px;--border-width-3:3px;--duration-instant:50ms;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:all var(--duration-fast)var(--ease-in-out);--transition-normal:all var(--duration-normal)var(--ease-in-out);--transition-slow:all var(--duration-slow)var(--ease-in-out);--transition-colors:color var(--duration-fast)var(--ease-in-out),background-color var(--duration-fast)var(--ease-in-out),border-color var(--duration-fast)var(--ease-in-out);--transition-transform:transform var(--duration-fast)var(--ease-out);--transition-opacity:opacity var(--duration-normal)var(--ease-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{height:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-surface-secondary)}#root{width:100%;height:100%}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-5xl);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{line-height:var(--line-height-relaxed)}a{color:var(--color-text-link);transition:var(--transition-colors)}a:hover{color:var(--color-text-link-hover)}:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse{50%{opacity:.5}}@keyframes glow{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.animate-stagger-1{animation-delay:0s}.animate-stagger-2{animation-delay:50ms}.animate-stagger-3{animation-delay:.1s}.animate-stagger-4{animation-delay:.15s}.animate-stagger-5{animation-delay:.2s}.animate-stagger-6{animation-delay:.25s}.animate-fade-in{animation:fadeIn var(--duration-normal)var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal)var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-fast)var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-normal)var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--duration-normal)var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal)var(--ease-out)}.animate-shake{animation:shake .3s var(--ease-in-out)}.animate-pulse{animation:pulse .6s var(--ease-out)}.animate-glow{animation:glow .4s var(--ease-in-out)}@keyframes flipOut{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes processingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes checkmarkDraw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes checkmarkCircle{0%{stroke-dashoffset:166px}to{stroke-dashoffset:0}}@keyframes checkmarkScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-transition-wrapper{animation:pageEnter var(--duration-normal)var(--ease-out)}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.procurement-page,.dashboard-page,.settings-page{animation:pageEnter var(--duration-normal)var(--ease-out)}.page-initial-load .page-transition-wrapper,.page-initial-load .procurement-page,.page-initial-load .dashboard-page,.page-initial-load .settings-page{animation:none}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--radius-button);transition:var(--transition-transform),var(--transition-colors);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-3)var(--spacing-4)}.btn-lg{padding:var(--spacing-4)var(--spacing-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary-600);color:var(--color-text-inverse);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn-primary:focus-visible{box-shadow:var(--shadow-focus-ring)}.btn-secondary{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-200)}.btn-outline{border:var(--border-width-default)solid var(--color-border-default);color:var(--color-text-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-border-dark)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-neutral-100);color:var(--color-text-primary)}.btn-link{color:var(--color-text-link);background:0 0;padding:0}.btn-link:hover:not(:disabled){color:var(--color-text-link-hover)}.btn-full{width:100%}.btn-icon{padding:var(--spacing-2)}[data-theme=dark] .btn-secondary{color:#f1f5f9;background-color:#334155}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#475569}[data-theme=dark] .btn-outline{color:#f1f5f9;border-color:#334155}[data-theme=dark] .btn-outline:hover:not(:disabled){background-color:#334155;border-color:#475569}[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:#334155}.form-group{margin-bottom:var(--spacing-5)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);display:block}.input-wrapper{position:relative}.input-icon{top:50%;left:var(--spacing-4);pointer-events:none;color:var(--color-icon-default);width:20px;height:20px;position:absolute;transform:translateY(-50%)}.input-toggle-password{top:50%;right:var(--spacing-4);padding:var(--spacing-1);cursor:pointer;color:var(--color-icon-muted);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.input-toggle-password:hover{color:var(--color-icon-emphasis)}.input-toggle-password svg{width:20px;height:20px}.form-input{width:100%;padding:var(--input-padding-y)var(--input-padding-x);border:var(--border-width-default)solid var(--color-border-default);border-radius:var(--radius-input);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface-primary);transition:var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.form-input:disabled{background-color:var(--color-neutral-100);cursor:not-allowed}.form-input-with-icon{padding-left:var(--input-padding-with-icon)}.form-input-with-icon-right{padding-right:var(--input-padding-with-icon)}.form-input-error{border-color:var(--color-error-500);animation:shake .3s var(--ease-in-out)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input-success{border-color:var(--color-success-500)}.form-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary-600)}.form-checkbox-label{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.form-row{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.form-helper{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.form-error{font-size:var(--font-size-sm);color:var(--color-error-500);margin-top:var(--spacing-1)}.form-error-banner{padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-error-500);border-radius:var(--radius-md);color:var(--color-error-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-5);line-height:var(--line-height-relaxed);background-color:#ef44441a}[data-theme=dark] .form-label{color:#cbd5e1}[data-theme=dark] .form-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .form-input::placeholder{color:#64748b}[data-theme=dark] .form-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .form-input:disabled{color:#64748b;background-color:#334155}[data-theme=dark] .form-checkbox-label{color:#cbd5e1}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local]{color:#f1f5f9;color-scheme:dark;background-color:#0f172a;border-color:#334155}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert()}[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()}[data-theme=dark] .form-error-banner{color:#fca5a5;background-color:#ef444426;border-color:#ef444480}.card{background-color:var(--color-surface-elevated);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-sm{padding:var(--spacing-6)}.card-md{padding:var(--spacing-8)}.card-lg{padding:var(--card-padding)}.card-header{margin-bottom:var(--spacing-8)}.card-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.card-glass{background:var(--color-surface-glassmorphism);border-radius:var(--radius-2xl);padding:var(--spacing-7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .card{background-color:#1e293b;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}[data-theme=dark] .card-glass{background:#1e293b66;border:1px solid #ffffff1a}.auth-layout{min-height:100vh;display:flex}.auth-branding{background:var(--color-brand-dark);width:45%;padding:var(--section-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-branding__grid{opacity:.3;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.auth-branding__chart-line{opacity:.3;width:350px;height:200px;position:absolute;top:15%;right:5%}.auth-branding__chart-bars{opacity:.1;width:200px;height:150px;position:absolute;bottom:15%;left:8%}.auth-branding__pie-chart{opacity:.25;width:120px;height:120px;position:absolute;top:60%;right:10%}.auth-branding__currency{color:var(--color-text-inverse);opacity:.15;font-size:120px;font-weight:var(--font-weight-light);position:absolute}.auth-branding__currency--top{top:25%;left:10%}.auth-branding__currency--bottom{font-size:100px;bottom:30%;right:12%}.auth-branding__dot{background:var(--color-text-inverse);border-radius:var(--radius-full);opacity:.3;position:absolute}.auth-logo{background:var(--color-surface-primary);border-radius:var(--radius-icon-box);width:64px;height:64px;margin-bottom:var(--spacing-6);box-shadow:var(--shadow-2xl);z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.auth-logo__icon{width:32px;height:32px;color:var(--color-primary-600)}.auth-branding__content{text-align:center;z-index:10;max-width:420px;position:relative}.auth-branding__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.auth-branding__subtitle{font-size:var(--font-size-lg);color:var(--color-text-inverse-muted);font-weight:var(--font-weight-normal);line-height:var(--line-height-loose);margin-bottom:var(--spacing-8)}.auth-features{text-align:left}.auth-features__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.auth-features__list{color:var(--color-text-inverse-muted);font-size:var(--font-size-sm);line-height:var(--line-height-double)}.auth-features__item{margin-bottom:var(--spacing-2)}.auth-features__item:last-child{margin-bottom:0}.auth-features__check{margin-right:var(--spacing-2)}.auth-branding__footer{bottom:var(--spacing-8);text-align:center;z-index:10;position:absolute}.auth-branding__copyright{font-size:var(--font-size-sm);color:var(--color-text-inverse-subtle)}.auth-form-pane{padding:var(--section-padding);background:var(--color-surface-secondary);flex:1;justify-content:center;align-items:center;display:flex}.auth-form-container{width:100%;max-width:440px}.auth-card-container{perspective:1000px;width:100%;max-width:440px;min-height:500px;position:relative}.auth-card-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.auth-card-flipper.is-flipping-out .auth-card-front{animation:.4s ease-in-out forwards flipOut}.auth-card-flipper.is-flipping-out .auth-card-back{animation:.4s ease-in-out .2s forwards flipIn}.auth-card-front,.auth-card-back{backface-visibility:hidden;width:100%;position:absolute;top:0;left:0;right:0}.auth-card-front{opacity:1;visibility:visible;z-index:2}.auth-card-back,.auth-card-flipper.is-flipped .auth-card-front{opacity:0;visibility:hidden;z-index:1}.auth-card-flipper.is-flipped .auth-card-back{opacity:1;visibility:visible;z-index:2}.auth-processing{text-align:center;padding:var(--spacing-12)var(--spacing-6);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.auth-processing__icon-container{background:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-primary-100)100%);border-radius:var(--radius-full);width:120px;height:120px;margin-bottom:var(--spacing-6);justify-content:center;align-items:center;animation:3s ease-in-out infinite floatUpDown;display:flex;box-shadow:0 8px 24px #3b82f626}.auth-processing__icon{width:64px;height:64px;color:var(--color-primary-600);animation:2s ease-in-out infinite shimmer}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.6}}.auth-processing__spinner{border:4px solid var(--color-border-secondary);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--spacing-8);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-processing__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);display:inline-block;position:relative}.auth-processing__title:after{content:"";background:var(--color-primary-600);border-radius:var(--radius-full);width:8px;height:8px;margin-left:var(--spacing-2);vertical-align:middle;animation:1.4s infinite pulsingDot;display:inline-block}@keyframes pulsingDot{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.auth-processing__message{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-success{text-align:center;padding:var(--spacing-12)var(--spacing-6);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.auth-success__icon-container{background:linear-gradient(135deg,var(--color-success-50)0%,var(--color-success-100)100%);border-radius:var(--radius-full);width:100px;height:100px;margin-bottom:var(--spacing-8);justify-content:center;align-items:center;animation:.6s ease-out successPop;display:flex;position:relative;box-shadow:0 12px 32px #22c55e33}.auth-success__icon-container:before{content:"";border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-success-200),var(--color-success-300));opacity:0;animation:.8s ease-out .2s forwards successRing;position:absolute;inset:-4px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes successRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.auth-success__checkmark{z-index:1;width:80px;height:80px;position:relative}.auth-success__checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke:var(--color-success-600);fill:none;stroke-width:3px;animation:.6s ease-in-out forwards checkmarkCircle}.auth-success__checkmark-check{stroke-dasharray:100;stroke-dashoffset:100px;stroke:var(--color-success-600);fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;animation:.5s ease-in-out .4s forwards checkmarkDraw}.auth-success__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-success-700);margin-bottom:var(--spacing-3);opacity:0;animation:.4s ease-out .6s forwards fadeInUp}.auth-success__message{font-size:var(--font-size-base);color:var(--color-text-secondary);opacity:0;animation:.4s ease-out .8s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-failure{text-align:center;padding:var(--spacing-12)var(--spacing-6);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.auth-failure__icon-container{border-radius:var(--radius-full);width:100px;height:100px;margin-bottom:var(--spacing-8);background:linear-gradient(135deg,#fef2f2,#fee2e2);justify-content:center;align-items:center;animation:.6s ease-out successPop;display:flex;position:relative;box-shadow:0 12px 32px #ef444433}.auth-failure__icon-container:before{content:"";border-radius:var(--radius-full);opacity:0;background:linear-gradient(135deg,#fecaca,#fca5a5);animation:.8s ease-out .2s forwards failureRing;position:absolute;inset:-4px}@keyframes failureRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.auth-failure__xmark{z-index:1;width:80px;height:80px;position:relative}.auth-failure__xmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke:var(--color-error-600);fill:none;stroke-width:3px;animation:.6s ease-in-out forwards checkmarkCircle}.auth-failure__xmark-line1,.auth-failure__xmark-line2{stroke-dasharray:100;stroke-dashoffset:100px;stroke:var(--color-error-600);fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.auth-failure__xmark-line1{animation:.5s ease-in-out .4s forwards checkmarkDraw}.auth-failure__xmark-line2{animation:.5s ease-in-out .6s forwards checkmarkDraw}.auth-failure__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:#b91c1c;margin-bottom:var(--spacing-3);opacity:0;animation:.4s ease-out .6s forwards fadeInUp}.auth-failure__message{font-size:var(--font-size-base);color:var(--color-text-secondary);opacity:0;animation:.4s ease-out .8s forwards fadeInUp}.grecaptcha-badge{bottom:var(--spacing-4)!important;right:var(--spacing-4)!important;z-index:9999!important;position:fixed!important;box-shadow:0 2px 8px #0003!important}@media(max-width:1024px){.auth-branding{display:none}.auth-form-pane{padding:var(--spacing-6)}}.main-layout{background-color:var(--color-neutral-50);min-height:100vh}.sidebar{z-index:50;width:16rem;transition:transform var(--transition-normal),width var(--transition-normal);background:linear-gradient(#0f3624,#14452f 15%,#1a5c3a);border-right:1px solid #14452f4d;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000001a}.sidebar:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff26,#ffffff0d,#0000,#0000000d,#0000001a);position:absolute;inset:0}.sidebar>*{z-index:2;position:relative}.sidebar--collapsed{width:4rem}.sidebar--mobile-hidden{transform:translate(-100%)}@media(min-width:1024px){.sidebar{transform:translate(0)}}.sidebar__header{height:4rem;padding:0 var(--spacing-4);background:linear-gradient(135deg,#1a5c3a,#14452f 60%,#0f3624);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.sidebar--collapsed .sidebar__header{padding:0 var(--spacing-2);justify-content:space-between;gap:var(--spacing-2);height:auto;padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);flex-direction:column}.sidebar--collapsed .sidebar__logo{justify-content:center}.sidebar--collapsed .sidebar__collapse-btn{justify-content:center;width:100%}.sidebar__logo{align-items:center;gap:var(--spacing-2);display:flex}.sidebar__logo-icon{border-radius:var(--radius-lg);color:#fff;width:2rem;height:2rem;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background:linear-gradient(135deg,#1a5c3a,#14452f 40%,#0f3624);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #14452f4d}.sidebar__logo-text{font-weight:var(--font-weight-semibold);color:#fff;font-size:var(--font-size-sm)}.sidebar__collapse-btn{padding:var(--spacing-1);cursor:pointer;color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar__collapse-btn:hover{opacity:1;background-color:#ffffff1a}.sidebar__collapse-btn .sidebar__menu-icon{width:1.25rem;height:1.25rem}.sidebar__nav{padding:var(--spacing-4)var(--spacing-3);flex:1;overflow-y:auto}.sidebar--collapsed .sidebar__nav{padding:var(--spacing-4)var(--spacing-1)}.sidebar__nav-list{gap:var(--spacing-1);flex-direction:column;display:flex}.sidebar__menu-item{align-items:center;gap:var(--spacing-3);padding:6px var(--spacing-3);border-radius:var(--radius-lg);color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.sidebar--collapsed .sidebar__menu-item{padding:var(--spacing-2);justify-content:center}.sidebar__menu-item:hover{color:#fffffff2;background-color:#ffffff1a}.sidebar__menu-item--active{color:#fff;background:#ffffff26;border:1px solid #fff3;box-shadow:0 2px 8px #0003}.sidebar__menu-item--active:hover{color:#fff;background:#fff3}.sidebar__menu-item--child-active{color:#ffffffe6;background-color:#ffffff14}.sidebar__menu-item--static{cursor:default;pointer-events:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-2);padding-top:var(--spacing-3);color:#ffffff80;justify-content:flex-start;gap:0}.sidebar__menu-item--static:hover{color:#ffffff80;background-color:#0000}.sidebar__menu-icon{width:1.25rem;height:1.25rem;transition:color var(--transition-fast);flex-shrink:0}[data-menu-type=dashboard] .sidebar__menu-icon{color:#86efac}[data-menu-type=sales] .sidebar__menu-icon,[data-menu-type=deals] .sidebar__menu-icon,[data-menu-type=all] .sidebar__menu-icon,[data-menu-type=create] .sidebar__menu-icon,[data-menu-type=draft] .sidebar__menu-icon{color:#34d399}[data-menu-type=invoices] .sidebar__menu-icon,[data-menu-type=pending] .sidebar__menu-icon,[data-menu-type=overdue] .sidebar__menu-icon{color:#fbbf24}[data-menu-type=companies] .sidebar__menu-icon{color:#5eead4}[data-menu-type=multi] .sidebar__menu-icon{color:#fb7185}[data-menu-type=ledger] .sidebar__menu-icon{color:#e879f9}[data-menu-type=outstanding] .sidebar__menu-icon{color:#fde047}[data-menu-type=procurement] .sidebar__menu-icon,[data-menu-type=purchase] .sidebar__menu-icon,[data-menu-type=inventory] .sidebar__menu-icon,[data-menu-type=stock] .sidebar__menu-icon,[data-menu-type=item] .sidebar__menu-icon{color:#60a5fa}[data-menu-type=contacts] .sidebar__menu-icon,[data-menu-type=customers] .sidebar__menu-icon,[data-menu-type=add] .sidebar__menu-icon{color:#f472b6}[data-menu-type=reports] .sidebar__menu-icon,[data-menu-type=receivables] .sidebar__menu-icon,[data-menu-type=invoice] .sidebar__menu-icon,[data-menu-type=deal] .sidebar__menu-icon,[data-menu-type=company] .sidebar__menu-icon,[data-menu-type=customer] .sidebar__menu-icon{color:#22d3ee}[data-menu-type=po] .sidebar__menu-icon{color:#a78bfa}[data-menu-type=giftcard] .sidebar__menu-icon,[data-menu-type=fund] .sidebar__menu-icon,[data-menu-type=gc] .sidebar__menu-icon,[data-menu-type=apple] .sidebar__menu-icon{color:#fb923c}[data-menu-type=settings] .sidebar__menu-icon{color:#94a3b8}[data-menu-type=logs] .sidebar__menu-icon,[data-menu-type=activity] .sidebar__menu-icon,[data-menu-type=message] .sidebar__menu-icon{color:#fb923c}.sidebar__menu-item--active .sidebar__menu-icon{color:#fff!important}.sidebar__menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__menu-chevron{flex-shrink:0;width:1rem;height:1rem}.sidebar__submenu{transition:max-height var(--transition-normal),opacity var(--transition-normal);opacity:0;max-height:0;overflow:hidden}.sidebar__submenu--expanded{opacity:1;max-height:500px}.sidebar__submenu-list{margin-top:var(--spacing-1);padding-left:var(--spacing-4);gap:var(--spacing-1);flex-direction:column;display:flex}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item{animation:slideInLeft var(--duration-fast)var(--ease-out)}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:first-child{animation-delay:0s}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:nth-child(2){animation-delay:30ms}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:nth-child(3){animation-delay:60ms}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:nth-child(4){animation-delay:90ms}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:nth-child(5){animation-delay:.12s}.sidebar__submenu--expanded .sidebar__submenu-list .sidebar__menu-item:nth-child(6){animation-delay:.15s}.sidebar__footer{padding:var(--spacing-3);gap:var(--spacing-3);border-top:1px solid #ffffff1a;flex-direction:column;display:flex}.sidebar--collapsed .sidebar__footer{padding:var(--spacing-2)var(--spacing-1);align-items:center}.sidebar__user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)0;width:100%;display:flex}.sidebar--collapsed .sidebar__user{padding:var(--spacing-1)0}.sidebar__user-avatar{border-radius:var(--radius-full);width:2rem;height:2rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;background-color:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:#fff9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-overlay{z-index:40;background-color:#00000080;position:fixed;inset:0}@media(min-width:1024px){.sidebar-overlay{display:none}}.content-wrapper{transition:padding-left var(--transition-normal)}@media(min-width:1024px){.content-wrapper{padding-left:16rem}.content-wrapper--collapsed{padding-left:4rem}}.header{z-index:30;background-color:#14452f;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.header__inner{height:4rem;padding:0 var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.header__left{align-items:center;gap:var(--spacing-4);display:flex}.header__right{align-items:center;gap:var(--spacing-2);display:flex}.header__menu-btn{padding:var(--spacing-2);border-radius:var(--radius-lg);color:#ffffffe6;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}.header__menu-btn:hover{background-color:#ffffff1a}@media(min-width:1024px){.header__menu-btn{display:none}}.header__actions{align-items:center;gap:var(--spacing-1);margin-left:var(--spacing-2);padding-left:var(--spacing-3);border-left:1px solid #fff3;display:flex}.header__help-menu{position:relative}.header__help-btn,.header__theme-btn{padding:var(--spacing-2);border-radius:var(--radius-lg);color:#ffffffe6;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header__help-btn:hover,.header__theme-btn:hover{color:#fff;background-color:#ffffff1a}.help-menu-dropdown{right:0;top:calc(100% + var(--spacing-2));background-color:var(--color-surface-primary);border-radius:var(--radius-lg);width:20rem;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);z-index:100;position:absolute;overflow:hidden}.help-menu-dropdown__header{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);background:linear-gradient(135deg,#1a5c3a,#14452f 60%,#0f3624);display:flex}.help-menu-dropdown__header .sidebar__menu-icon{color:#fff;width:1.25rem;height:1.25rem}.help-menu-dropdown__section{padding:var(--spacing-2)0}.help-menu-dropdown__item{align-items:flex-start;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);cursor:pointer;transition:var(--transition-fast);text-align:left;color:var(--color-text-primary);background:0 0;border:none;text-decoration:none;display:flex}.help-menu-dropdown__item:hover{background-color:var(--color-neutral-50)}.help-menu-dropdown__item .sidebar__menu-icon{width:1.25rem;height:1.25rem;color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.help-menu-dropdown__item-content{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.help-menu-dropdown__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.help-menu-dropdown__item-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.help-menu-dropdown__external-icon{width:.875rem;height:.875rem;color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.help-menu-dropdown__divider{margin:0 var(--spacing-4);border-top:1px solid var(--color-border-light)}.help-menu-dropdown__footer{padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-neutral-50);border-top:1px solid var(--color-border-light)}.help-menu-dropdown__version{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.header__stats{align-items:center;gap:var(--spacing-3);margin-right:var(--spacing-2);display:none}@media(min-width:768px){.header__stats{display:flex}}.header__stat{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.header__stat-icon{width:.875rem;height:.875rem}.header__stat-label{font-weight:var(--font-weight-normal);opacity:.75}.header__stat--credit{color:#86efac;background-color:#22c55e33;border:1px solid #22c55e66}.header__stat--debit{color:#fca5a5;background-color:#ef444433;border:1px solid #ef444466}.header__stat--cash-in{color:#93c5fd;background-color:#3b82f633;border:1px solid #3b82f666}.header__stat--cash-out{color:#fcd34d;background-color:#f59e0b33;border:1px solid #f59e0b66}.header__user-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;display:flex}.header__user-btn:hover{background-color:#ffffff1a}.header__user-avatar{border-radius:var(--radius-full);width:2rem;height:2rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;background-color:#fff3;justify-content:center;align-items:center;display:flex}.header__user-info{text-align:left;display:none}@media(min-width:640px){.header__user-info{display:block}}.header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff}.header__user-role{font-size:var(--font-size-xs);color:#ffffffb3}.header__user-chevron{color:#ffffffb3;width:1rem;height:1rem;display:none}@media(min-width:640px){.header__user-chevron{display:block}}.dropdown-menu{margin-top:var(--spacing-2);background-color:var(--color-surface-primary);border-radius:var(--radius-lg);width:12rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);padding:var(--spacing-1)0;z-index:50;position:absolute;top:100%;right:0}.dropdown-item{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover{background-color:var(--color-neutral-50)}.dropdown-item--danger{color:var(--color-error-500)}.dropdown-divider{margin:var(--spacing-1)0;border-top:1px solid var(--color-border-light)}.main-footer{text-align:center;padding:var(--spacing-4);background-color:var(--color-surface-primary);border-top:1px solid var(--color-border-light)}.main-footer__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-content{padding:var(--spacing-4)}@media(min-width:1024px){.page-content{padding:var(--spacing-6)}}[data-theme=dark] .header{background-color:#0f172a;border-bottom:1px solid #ffffff1a}[data-theme=dark] .sidebar{background:#0f172a;border-right:1px solid #ffffff1a}[data-theme=dark] .sidebar__header{background:#0f172a;border-bottom:1px solid #ffffff1a}[data-theme=dark] .sidebar__logo-icon{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .sidebar__footer{border-top:1px solid #ffffff1a}[data-theme=dark] .help-menu-dropdown{background-color:#1e293b;border:1px solid #334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .help-menu-dropdown__item:hover{background-color:#334155}[data-theme=dark] .help-menu-dropdown__header{background:#1e293b}[data-theme=dark] .help-menu-dropdown__footer{background-color:#0f172a;border-top:1px solid #334155}[data-theme=dark] .dropdown-menu{background-color:#1e293b;border:1px solid #334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .dropdown-item:hover{background-color:#334155}[data-theme=dark] .sidebar__menu-item--child-active,[data-theme=dark] .sidebar__menu-item--static{color:#5ea685}[data-theme=dark] .sidebar__menu-item:hover{background-color:#ffffff14}[data-theme=dark] .main-layout{background-color:#0f172a}.g-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;cursor:wait;background-color:#fff3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .g-loading-overlay{background-color:#0f172a33}.page-header{gap:var(--spacing-4);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}@media(min-width:640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.page-header__actions{align-items:center;gap:var(--spacing-2);display:flex}.dashboard-grid{gap:var(--spacing-6);flex-direction:column;display:flex}.top-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.top-row{grid-template-columns:1fr 1fr 1fr}}.first-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1280px){.first-row{grid-template-columns:1fr 1fr}}.stats-section{border-radius:var(--radius-lg);background-color:#fff;padding:10px}.stats-row{grid-template-columns:1fr;gap:10px;height:100%;display:grid}@media(min-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stats-grid-2x2{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.main-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1280px){.main-row{grid-template-columns:2fr 1fr}}.second-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.second-row{grid-template-columns:2fr 3fr}}.bottom-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.bottom-row{grid-template-columns:repeat(3,1fr)}}.two-col-row{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.two-col-row{grid-template-columns:1fr 2fr}}.balance-card{background-color:var(--color-primary-600);border-radius:var(--radius-lg);padding:var(--spacing-6);color:#fff;flex-direction:column;height:100%;display:flex}.balance-card__label{font-size:var(--font-size-sm);color:#fffc;margin-bottom:var(--spacing-2)}.balance-card__amount{font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6)}.balance-card__actions{gap:var(--spacing-3);margin-bottom:var(--spacing-6);display:flex}.balance-card__btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);border:none;display:flex}.balance-card__btn--primary{color:var(--color-primary-600);background-color:#fff}.balance-card__btn--primary:hover{background-color:#ffffffe6}.balance-card__btn--outline{color:#fff;background-color:#0000;border:1px solid #ffffff4d}.balance-card__btn--outline:hover{background-color:#ffffff1a}.balance-card__mini-stats{gap:var(--spacing-3);margin-top:auto;display:flex}.balance-card__mini-stat{border-radius:var(--radius-md);padding:var(--spacing-3);background-color:#ffffff1a;flex:1}.balance-card__mini-stat-icon{border-radius:var(--radius-md);width:2rem;height:2rem;margin-bottom:var(--spacing-2);justify-content:center;align-items:center;display:flex}.balance-card__mini-stat-icon--green{color:#4ade80;background-color:#22c55e33}.balance-card__mini-stat-icon--blue{color:#60a5fa;background-color:#3b82f633}.balance-card__mini-stat-icon--orange{color:#fb923c;background-color:#fb923c33}.balance-card__mini-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff}.balance-card__mini-stat-label{font-size:var(--font-size-xs);color:#ffffffb3}.mini-stat-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);align-items:center;gap:var(--spacing-3);animation:slideUp var(--duration-normal)var(--ease-out);display:flex}.mini-stat-card:first-child{animation-delay:0s}.mini-stat-card:nth-child(2){animation-delay:50ms}.mini-stat-card:nth-child(3){animation-delay:.1s}.mini-stat-card:nth-child(4){animation-delay:.15s}.mini-stat-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.mini-stat-card__icon--green{background-color:var(--color-primary-600);color:#fff}.mini-stat-card__icon--red{color:#dc2626;background-color:#fecaca}.mini-stat-card__icon--blue{color:#2563eb;background-color:#dbeafe}.mini-stat-card__icon--orange{color:#ea580c;background-color:#fed7aa}.mini-stat-card__content{flex:1}.mini-stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.mini-stat-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.progress-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-4)}.progress-card__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.progress-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.progress-card__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.progress-card__bar{background-color:var(--color-neutral-100);border-radius:var(--radius-full);height:.5rem;margin-bottom:var(--spacing-3);overflow:hidden}.progress-card__bar-fill{background-color:var(--color-primary-600);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-card__legend{gap:var(--spacing-4);display:flex}.progress-card__legend-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.progress-card__legend-dot{border-radius:var(--radius-full);width:.5rem;height:.5rem}.progress-card__legend-dot--used{background-color:var(--color-primary-600)}.progress-card__legend-dot--remaining{background-color:var(--color-neutral-200)}.dashboard-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.dashboard-card__header{padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.dashboard-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-card__action{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);align-items:center;gap:var(--spacing-1);transition:var(--transition-fast);text-decoration:none;display:flex}.dashboard-card__action:hover{color:var(--color-primary-700)}.dashboard-card__body{padding:var(--spacing-4)}.dashboard-card__body--no-padding{padding:0}.dashboard-card--no-border{box-shadow:none;border:none;height:100%}.stat-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);animation:slideUp var(--duration-normal)var(--ease-out);position:relative}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:50ms}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.stat-card--primary{background-color:var(--color-primary-50);border-color:var(--color-primary-100)}.stat-card--info{background-color:#eff6ff;border-color:#dbeafe}.stat-card--danger{background-color:#fef2f2;border-color:#fecaca}.stat-card--success{background-color:#f0fdf4;border-color:#bbf7d0}.stat-card--warning{background-color:#fffbeb;border-color:#fde68a}.stat-card__decoration{border-radius:var(--radius-full);opacity:.1;width:6rem;height:6rem;position:absolute;top:-2rem;left:-2rem}.stat-card__decoration--primary{background-color:var(--color-primary-600)}.stat-card__decoration--danger{background-color:var(--color-error-500)}.stat-card__decoration--info{background-color:#3b82f6}.stat-card__decoration--success{background-color:var(--color-success-500)}.stat-card__decoration--warning{background-color:#d97706}.stat-card__content{padding:var(--spacing-4);position:relative}.stat-card__top{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.stat-card__icon{border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.stat-card__icon--primary{background-color:var(--color-primary-600)}.stat-card__icon--danger{background-color:var(--color-error-500)}.stat-card__icon--info{background-color:#3b82f6}.stat-card__icon--success{background-color:var(--color-success-500)}.stat-card__icon--warning{background-color:#d97706}.stat-card__change{text-align:right}.stat-card__badge{padding:var(--spacing-0_5)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);align-items:center;display:inline-flex}.stat-card__badge--up{color:#16a34a;background-color:#22c55e1a}.stat-card__badge--down{color:#dc2626;background-color:#ef44441a}.stat-card__period{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1)}.stat-card__bottom{justify-content:space-between;align-items:flex-end;display:flex}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-card__chart{width:5rem;height:3.5rem}.list-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:var(--transition-fast);display:flex}.list-item:hover{background-color:var(--color-neutral-50)}.list-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.list-item__icon--meeting{color:#2563eb;background-color:#3b82f61a}.list-item__icon--deadline{color:#dc2626;background-color:#ef44441a}.list-item__icon--reminder{color:#d97706;background-color:#f59e0b1a}.list-item__icon--card{color:#2563eb;background-color:#3b82f61a}.list-item__icon--bank{color:#7c3aed;background-color:#8b5cf61a}.list-item__icon--cash{color:#16a34a;background-color:#22c55e1a}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-item__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.list-item__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.list-item__value--credit{color:#16a34a}.list-item__value--debit{color:#dc2626}.customer-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:var(--transition-fast);display:flex}.customer-item:hover{background-color:var(--color-neutral-50)}.customer-item__rank{border-radius:var(--radius-full);width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-item__rank--1{color:#b45309;background-color:#f59e0b26}.customer-item__rank--2{background-color:var(--color-neutral-200);color:var(--color-neutral-700)}.customer-item__rank--3{color:#c2410c;background-color:#ea580c26}.customer-item__rank--default{background-color:var(--color-neutral-100);color:var(--color-text-secondary)}.customer-item__avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:2.25rem;height:2.25rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.customer-item__info{flex:1;min-width:0}.customer-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-item__deals{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.customer-item__amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.data-table{width:100%}.data-table__header{border-bottom:1px solid var(--color-border-light)}.data-table__header-cell{text-align:left;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table__row{border-bottom:1px solid var(--color-border-light);transition:var(--transition-fast)}.data-table__row:hover{background-color:var(--color-neutral-50)}.data-table__cell{padding:var(--spacing-3)var(--spacing-4)}.data-table__customer{align-items:center;gap:var(--spacing-3);display:flex}.data-table__avatar{border-radius:var(--radius-full);background-color:var(--color-primary-100);width:2rem;height:2rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.data-table__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.data-table__amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.data-table__date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-badge{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);align-items:center;display:inline-flex}.status-badge--completed{color:#16a34a;background-color:#22c55e1a}.status-badge--pending{color:#b45309;background-color:#f59e0b1a}.status-badge--cancelled{color:#dc2626;background-color:#ef44441a}.empty-state{text-align:center;padding:var(--spacing-6)}.empty-state__icon{width:2.5rem;height:2.5rem;margin:0 auto var(--spacing-2);color:var(--color-text-muted)}.empty-state__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.list-container{gap:var(--spacing-3);flex-direction:column;display:flex}.select-dropdown{font-size:var(--font-size-sm);padding:var(--spacing-1_5)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:var(--transition-fast);outline:none}.select-dropdown:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.overdue-invoices{gap:var(--spacing-4);flex-direction:column;display:flex}.overdue-invoices__summary{padding:var(--spacing-3);border-radius:var(--radius-lg);background-color:#ef444414;justify-content:space-between;align-items:center;display:flex}.overdue-invoices__total{flex-direction:column;display:flex}.overdue-invoices__total-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.overdue-invoices__total-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#dc2626}.overdue-invoices__count{flex-direction:column;align-items:flex-end;display:flex}.overdue-invoices__count-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.overdue-invoices__count-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.overdue-invoices__list{gap:var(--spacing-2);flex-direction:column;display:flex}.overdue-invoices__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.overdue-invoices__item:nth-child(odd){background-color:var(--color-neutral-50)}.overdue-invoices__item:hover{background-color:var(--color-neutral-100)}.overdue-invoices__item-icon{border-radius:var(--radius-md);color:#dc2626;background-color:#ef44441a;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.overdue-invoices__item-info{flex-direction:column;flex:1;min-width:0;display:flex}.overdue-invoices__item-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.overdue-invoices__item-customer{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.overdue-invoices__item-details{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.overdue-invoices__item-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.overdue-invoices__item-days{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-0_5)var(--spacing-1_5);border-radius:var(--radius-md)}.overdue-invoices__item-days--warning{color:#b45309;background-color:#f59e0b1a}.overdue-invoices__item-days--critical{color:#dc2626;background-color:#ef44441a}[data-theme=dark] .stats-section{background-color:#1e293b;border:1px solid #334155}[data-theme=dark] .dashboard-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}[data-theme=dark] .dashboard-card__header{border-bottom-color:#334155}[data-theme=dark] .stat-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .stat-card--primary{background-color:#14452f26;border-color:#14452f4d}[data-theme=dark] .stat-card--info{background-color:#3b82f626;border-color:#3b82f64d}[data-theme=dark] .stat-card--danger{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] .stat-card--success{background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark] .stat-card--warning{background-color:#d9770626;border-color:#d977064d}[data-theme=dark] .mini-stat-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .mini-stat-card__icon--green{color:#4ade80;background-color:#14452f4d}[data-theme=dark] .mini-stat-card__icon--red{color:#fca5a5;background-color:#ef44444d}[data-theme=dark] .mini-stat-card__icon--blue{color:#93c5fd;background-color:#3b82f64d}[data-theme=dark] .mini-stat-card__icon--orange{color:#fdba74;background-color:#fb923c4d}[data-theme=dark] .progress-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .progress-card__bar{background-color:#334155}[data-theme=dark] .list-container{background-color:#1e293b}[data-theme=dark] .list-item{border-bottom-color:#334155}[data-theme=dark] .list-item:hover{background-color:#334155}[data-theme=dark] .customer-item{border-bottom-color:#334155}[data-theme=dark] .customer-item:hover{background-color:#334155}[data-theme=dark] .data-table{border-color:#334155}[data-theme=dark] .data-table__header{background:linear-gradient(#1e293b,#0f172a);border-bottom-color:#334155}[data-theme=dark] .data-table__header-cell{color:#94a3b8}[data-theme=dark] .data-table__body{background-color:#1e293b}[data-theme=dark] .data-table__row{border-bottom-color:#334155}[data-theme=dark] .data-table__row:hover{background-color:#334155}[data-theme=dark] .dashboard-card__action{color:#5ea685}[data-theme=dark] .dashboard-card__action:hover{color:#8ec4ab}.procurement-page{gap:var(--spacing-6);flex-direction:column;display:flex}.page-header--with-actions{gap:var(--spacing-4);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}@media(min-width:640px){.page-header--with-actions{flex-direction:row;justify-content:space-between;align-items:center}}.page-header__left{align-items:center;gap:var(--spacing-3);display:flex}.page-header__icon{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 2px 8px #14452f40}.filters-section{gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.filters-row{align-items:flex-end;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.filter-group{gap:var(--spacing-1);flex-direction:column;display:flex}.filter-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.date-range-filter{align-items:center;gap:var(--spacing-2);display:flex}.date-input{padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:var(--transition-fast);outline:none;min-width:140px}.date-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.date-separator{color:var(--color-text-muted);font-size:var(--font-size-sm)}.filter-dropdown{min-width:180px;position:relative}.filter-dropdown__trigger{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);outline:none;width:100%;display:flex}.filter-dropdown__trigger:hover,.filter-dropdown__trigger:focus{border-color:var(--color-border-focus)}.filter-dropdown__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.filter-dropdown__icon{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform var(--transition-fast)}.filter-dropdown__icon--open{transform:rotate(180deg)}.filter-dropdown__menu{top:calc(100% + var(--spacing-1));background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;max-height:240px;animation:slideDown var(--duration-fast)var(--ease-out);position:absolute;left:0;right:0;overflow-y:auto}.filter-dropdown__search{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.filter-dropdown__search-input{width:100%;padding:var(--spacing-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none}.filter-dropdown__search-input:focus{border-color:var(--color-border-focus)}.filter-dropdown__options{padding:var(--spacing-1)}.filter-dropdown__option{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.filter-dropdown__option:hover{background-color:var(--color-neutral-50)}.filter-dropdown__option--selected{background-color:var(--color-primary-50);color:var(--color-primary-700)}.filter-dropdown__option-check{width:1rem;height:1rem;color:var(--color-primary-600)}.applied-filters{gap:var(--spacing-2);padding-top:var(--spacing-2);flex-wrap:wrap;display:flex}.filter-tag{align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1)var(--spacing-2)var(--spacing-1)var(--spacing-3);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-primary-700);display:inline-flex}.filter-tag__label{font-weight:var(--font-weight-medium)}.filter-tag__value{color:var(--color-primary-600)}.filter-tag__remove{border-radius:var(--radius-full);background-color:var(--color-primary-200);width:1rem;height:1rem;color:var(--color-primary-700);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.filter-tag__remove:hover{background-color:var(--color-primary-300)}.view-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;display:flex;overflow:hidden}.view-toggle__btn{padding:var(--spacing-2);background-color:var(--color-surface-primary);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-secondary);border:none;justify-content:center;align-items:center;display:flex}.view-toggle__btn:hover{background-color:var(--color-neutral-50)}.view-toggle__btn--active{background-color:var(--color-primary-50);color:var(--color-primary-600)}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--color-border-default)}.po-table-container{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:auto visible}.po-table{border-collapse:collapse;width:100%}.po-table__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:2px solid var(--color-primary-100)}.po-table__header-cell{text-align:left;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#15803d;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.po-table__header-cell--actions{text-align:right}.po-table__body{background-color:var(--color-surface-primary)}.po-table__row{border-bottom:1px solid var(--color-border-light);transition:var(--transition-fast)}.po-table__row:last-child{border-bottom:none}.po-table__row:hover{background-color:var(--color-neutral-50)}.po-table__cell{padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);vertical-align:middle}.po-table__cell--muted{color:var(--color-text-secondary)}.po-table__cell--actions{text-align:right;position:relative;overflow:visible}.po-status{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;align-items:center;display:inline-flex}.po-status--pending{color:#b45309;background-color:#f59e0b1a}.po-status--received{color:#16a34a;background-color:#22c55e1a}.po-status--cancelled{color:#dc2626;background-color:#ef44441a}.po-status--waiting_for_approval{color:#2563eb;background-color:#3b82f61a}.po-status--approved{color:#059669;background-color:#10b9811a}.po-status--partially_received{color:#7c3aed;background-color:#8b5cf61a}.po-payment-status{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.po-payment-status--unpaid{color:#991b1b;background-color:#fee2e2}.po-payment-status--partially_paid{color:#92400e;background-color:#fef3c7}.po-payment-status--paid{color:#065f46;background-color:#d1fae5}.po-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-2);display:flex}.po-action-btn{justify-content:center;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1_5)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;display:inline-flex}.po-action-btn--icon{width:2rem;height:2rem;color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:#0000;justify-content:center;align-items:center;padding:0;display:flex}.po-action-btn--icon:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.po-actions-dropdown{position:relative}.po-actions-dropdown__menu{top:calc(100% + var(--spacing-1));background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);z-index:1000;padding:var(--spacing-1);position:absolute;right:0}.po-actions-dropdown__menu--fixed{z-index:9999;min-width:170px;position:fixed;top:auto;right:auto}.po-actions-dropdown__item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;width:100%;display:flex}.po-actions-dropdown__item:hover{background-color:var(--color-neutral-50)}.po-actions-dropdown__item-icon{width:1rem;height:1rem;color:var(--color-text-muted)}.po-actions-dropdown__item--danger{color:#dc2626}.po-actions-dropdown__item--danger:hover{background-color:#fef2f2}.po-actions-dropdown__item--danger .po-actions-dropdown__item-icon{color:#dc2626}.btn--create-po{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-transform),var(--transition-colors),box-shadow var(--duration-fast)var(--ease-in-out);border:none;display:inline-flex;box-shadow:0 2px 8px #14452f4d}.btn--create-po:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 12px #14452f66}.btn--create-po:active{transform:scale(.97)}.po-empty-state{text-align:center;padding:var(--spacing-12)}.po-empty-state__icon{width:3rem;height:3rem;margin:0 auto var(--spacing-4);color:var(--color-text-muted)}.po-empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.po-empty-state__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.search-bar{flex:1;max-width:320px;position:relative}.search-bar__input{width:100%;padding:var(--spacing-2)var(--spacing-3)var(--spacing-2)var(--spacing-10);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:var(--transition-fast);outline:none}.search-bar__input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__icon{left:var(--spacing-3);width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.status-tabs{gap:var(--spacing-1);padding:var(--spacing-1_5);background-color:var(--color-neutral-100);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000d,0 4px 12px #00000026,0 2px 6px #0000001a}.status-tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),background var(--transition-fast);white-space:nowrap;background-color:#0000;border:none;display:flex}.status-tab:hover{color:var(--color-text-primary);background-color:var(--color-neutral-50)}.status-tab--active{color:#fff;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border:none;box-shadow:0 2px 8px #14452f4d}.status-tab--active:hover{color:#fff;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:0 4px 12px #14452f66}.status-tab__count{min-width:1.25rem;height:1.25rem;padding:0 var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-neutral-200);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.status-tab--active .status-tab__count{color:#fff;background-color:#ffffff40}.po-checkbox{justify-content:center;align-items:center;display:flex}.po-checkbox__input{border:2px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;appearance:none;background-color:var(--color-surface-primary);width:1rem;height:1rem;transition:var(--transition-fast)}.po-checkbox__input:checked{background-color:var(--color-primary-600);border-color:var(--color-primary-600);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.po-checkbox__input:hover{border-color:var(--color-primary-400)}.po-checkbox__input:focus{box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.po-checkbox__input:indeterminate{background-color:var(--color-primary-600);border-color:var(--color-primary-600);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 8a1 1 0 011-1h6a1 1 0 110 2H5a1 1 0 01-1-1z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.po-table__header-cell--checkbox,.po-table__cell--checkbox{width:40px;padding:var(--spacing-3)var(--spacing-2)var(--spacing-3)var(--spacing-4)}.po-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.po-table__header-cell--sortable:hover{background-color:var(--color-primary-100)}.po-table__sort-wrapper{align-items:center;gap:var(--spacing-1);display:inline-flex}.po-table__sort-icon{width:.875rem;height:.875rem;color:var(--color-text-muted);transition:var(--transition-fast)}.po-table__sort-icon--active{color:var(--color-primary-600)}.po-table__sort-icon--desc{transform:rotate(180deg)}.table-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:none;flex-wrap:wrap;display:flex}.table-toolbar__left,.table-toolbar__right{align-items:center;gap:var(--spacing-3);display:flex}.table-toolbar__results{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-toolbar__results strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.bulk-actions-bar{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-4);background-color:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);display:flex}.bulk-actions-bar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.bulk-actions-bar__actions{align-items:center;gap:var(--spacing-2);display:flex}.bulk-action-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1_5)var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-700);background-color:var(--color-surface-primary);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:inline-flex}.bulk-action-btn:hover{background-color:var(--color-primary-100)}.export-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:inline-flex}.export-btn:hover{background-color:var(--color-neutral-50);border-color:var(--color-border-focus)}.export-btn__icon{width:1rem;height:1rem;color:var(--color-text-muted)}.pagination-container{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:0 0 var(--radius-lg)var(--radius-lg);border-top:none;flex-wrap:wrap;display:flex}.pagination__info{align-items:center;gap:var(--spacing-3);display:flex}.pagination__rows-per-page{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.pagination__select{padding:var(--spacing-1_5)var(--spacing-2);font-size:var(--font-size-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;outline:none}.pagination__select:focus{border-color:var(--color-border-focus)}.pagination__range{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pagination__controls{align-items:center;gap:var(--spacing-1);display:flex}.pagination__btn{width:2rem;height:2rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.pagination__btn:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-border-focus)}.pagination__btn:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.pagination__btn--active{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pagination__btn--active:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.pagination__ellipsis{width:2rem;height:2rem;font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.po-table-wrapper{border:1px solid var(--color-border-light);border-top:none;border-bottom:none;border-radius:0}.po-table-wrapper .po-table-container{border:none;border-radius:0}.table-section{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn var(--duration-normal)var(--ease-out);flex-direction:column;display:flex;overflow:auto visible}.table-section .table-toolbar{border:none;border-bottom:1px solid var(--color-border-light);border-radius:0}.table-section .po-table-container{background-color:var(--color-surface-primary);border:none;border-radius:0}.table-section .pagination-container{border:none;border-top:1px solid var(--color-border-light);background-color:var(--color-neutral-50);border-radius:0}.create-po-page{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.create-po-header{gap:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}@media(min-width:768px){.create-po-header{flex-direction:row;justify-content:space-between;align-items:center}}.create-po-header__left{align-items:center;gap:var(--spacing-3);display:flex}.create-po-back-btn{background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.create-po-back-btn:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary);border-color:var(--color-border-focus)}.create-po-header__info{align-items:center;gap:var(--spacing-3);display:flex}.create-po-header__icon{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 2px 8px #14452f40}.create-po-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.create-po-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.create-po-header__subtitle strong{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.create-po-header__actions{align-items:center;gap:var(--spacing-3);display:flex}.create-po-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-transform),var(--transition-colors),box-shadow var(--duration-fast)var(--ease-in-out);white-space:nowrap;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border:none;display:inline-flex;box-shadow:0 2px 8px #14452f4d}.create-po-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 12px #14452f66}.create-po-btn:active:not(:disabled){transform:scale(.97)}.create-po-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-po-btn--primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;box-shadow:0 2px 8px #14452f4d}.create-po-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 12px #14452f66}.create-po-btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-po-btn--secondary{background:var(--color-neutral-600);color:#fff;border:1px solid var(--color-neutral-700);box-shadow:none}.create-po-btn--secondary:hover{background:var(--color-neutral-700);border-color:var(--color-neutral-800)}.create-po-btn--cancel{background-color:var(--color-neutral-600);color:#fff;border:1px solid var(--color-neutral-700)}.create-po-btn--cancel:hover:not(:disabled){background-color:var(--color-neutral-700);border-color:var(--color-neutral-800)}.create-po-content{gap:var(--spacing-6);flex-direction:column;display:flex}@media(min-width:1024px){.create-po-content{flex-direction:row}}.create-po-main{gap:var(--spacing-6);flex-direction:column;flex:1;min-width:0;display:flex}.create-po-sidebar{width:100%}@media(min-width:1024px){.create-po-sidebar{flex-shrink:0;width:320px}}.create-po-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.create-po-section__header{justify-content:space-between;align-items:center;gap:var(--spacing-3);border-radius:var(--radius-lg)var(--radius-lg)0 0;padding:var(--spacing-4)var(--spacing-5);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:1px solid var(--color-border-light);display:flex}.create-po-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0}.create-po-section__body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;display:flex}.create-po-grid{gap:var(--spacing-4);display:grid}.create-po-grid--2,.create-po-grid--3{grid-template-columns:1fr}@media(min-width:640px){.create-po-grid--2,.create-po-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.create-po-grid--3{grid-template-columns:repeat(3,1fr)}}.create-po-form-group{gap:var(--spacing-1_5);flex-direction:column;display:flex}.create-po-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.create-po-required{color:#dc2626;margin-left:var(--spacing-1)}.create-po-input{padding:var(--spacing-2_5)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:var(--transition-fast);outline:none}.create-po-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.create-po-input--error{border-color:#dc2626}.create-po-input--readonly{background-color:var(--color-neutral-50);color:var(--color-text-secondary);cursor:not-allowed}.create-po-textarea{padding:var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);transition:var(--transition-fast);resize:vertical;outline:none;min-height:80px;font-family:inherit}.create-po-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.create-po-error{font-size:var(--font-size-xs);color:#dc2626}.create-po-hint{align-items:center;gap:var(--spacing-1_5);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.create-po-alert{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.create-po-alert--error{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.create-po-select{position:relative}select.create-po-select{width:100%;padding:var(--spacing-2_5)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;height:40px;transition:border-color var(--transition-fast);outline:none;align-items:center;display:flex}select.create-po-select:hover,select.create-po-select:focus{border-color:var(--color-border-focus)}.create-po-select__trigger{width:100%;padding:var(--spacing-2_5)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);text-align:left;outline:none;justify-content:space-between;align-items:center;display:flex}.create-po-select__trigger:hover,.create-po-select__trigger:focus{border-color:var(--color-border-focus)}.create-po-select__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.create-po-select__trigger--error{border-color:#dc2626}.create-po-select__placeholder{color:var(--color-text-muted)}.create-po-select__icon{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.create-po-select__icon--open{transform:rotate(180deg)}.create-po-select__menu{top:calc(100% + var(--spacing-1));background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;max-height:280px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.create-po-select__search{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-light);position:relative}.create-po-select__search-icon{left:var(--spacing-4);width:14px;height:14px;color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.create-po-select__search-input{width:100%;padding:var(--spacing-2)var(--spacing-2)var(--spacing-2)var(--spacing-8);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none}.create-po-select__search-input:focus{border-color:var(--color-border-focus)}.create-po-select__options{padding:var(--spacing-1);flex:1;overflow-y:auto}.create-po-select__option{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.create-po-select__option:hover{background-color:var(--color-neutral-50)}.create-po-select__option--selected{background-color:var(--color-primary-50);color:var(--color-primary-700)}.create-po-select__option-check{width:1rem;height:1rem;color:var(--color-primary-600)}.create-po-select__no-results{padding:var(--spacing-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.line-items-table{border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.line-items-table__header{background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-md)var(--radius-md)0 0;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;display:none}@media(min-width:768px){.line-items-table__header{gap:var(--spacing-3);grid-template-columns:2fr 1fr 80px 100px 100px 40px;align-items:center;display:grid}}.line-items-table__body{flex-direction:column;display:flex}.line-items-table__row{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);background-color:var(--color-surface-primary);flex-direction:column;display:flex}.line-items-table__row:first-child{border-radius:var(--radius-md)var(--radius-md)0 0}.line-items-table__row:last-child{border-radius:0 0 var(--radius-md)var(--radius-md);border-bottom:none}.line-items-table__row:only-child{border-radius:var(--radius-md)}@media(min-width:768px){.line-items-table__row:first-child{border-radius:0}.line-items-table__row:last-child,.line-items-table__row:only-child{border-radius:0 0 var(--radius-md)var(--radius-md)}.line-items-table__row{gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);grid-template-columns:2fr 1fr 80px 100px 100px 40px;align-items:center;display:grid}}.line-items-table__col--product{flex:1}.line-items-table__col--sku,.line-items-table__col--qty,.line-items-table__col--price,.line-items-table__col--total{align-items:center;gap:var(--spacing-2);display:flex}@media(min-width:768px){.line-items-table__col--sku,.line-items-table__col--qty,.line-items-table__col--price,.line-items-table__col--total{display:block}}.line-items-table__col--sku:before,.line-items-table__col--qty:before,.line-items-table__col--price:before,.line-items-table__col--total:before{content:attr(data-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:80px}@media(min-width:768px){.line-items-table__col--sku:before,.line-items-table__col--qty:before,.line-items-table__col--price:before,.line-items-table__col--total:before{display:none}}.line-items-table__col--actions{justify-content:flex-end;display:flex}.line-item-sku{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:monospace}.line-item-qty-input{width:100%;max-width:80px;padding:var(--spacing-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;outline:none}.line-item-qty-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.line-item-price{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.line-item-price-input-wrapper{align-items:center;display:flex;position:relative}.line-item-price-input-symbol{font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none;position:absolute;left:8px}.line-item-price-input{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;max-width:100px;font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:var(--transition-fast);padding:.375rem .5rem .375rem 1.25rem}.line-item-price-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring);outline:none}.line-item-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.line-item-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.line-item-price-input[type=number]{-moz-appearance:textfield}.line-items-table__row-group{border-bottom:1px solid var(--color-border-light)}.line-items-table__row-group:last-child,.line-items-table__row-group .line-items-table__row{border-bottom:none}.invoice-imei-section{padding:0 var(--spacing-4)var(--spacing-3)}.invoice-imei-section__header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.invoice-imei-section__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.invoice-imei-section__hint{font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-left:var(--spacing-1)}.invoice-imei-section__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);background-color:var(--color-primary-50);padding:2px var(--spacing-2);border-radius:var(--radius-full)}.invoice-imei-section__loading{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-2)0;display:flex}.invoice-imei-section__empty{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-1)0;font-style:italic}.invoice-imei-section__list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.invoice-imei-tag{padding:3px var(--spacing-2);font-size:var(--font-size-xs);background-color:var(--color-neutral-50);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);outline:none;align-items:center;gap:4px;font-family:SF Mono,Fira Code,Fira Mono,monospace;display:inline-flex}.invoice-imei-tag:hover:not(:disabled){border-color:var(--color-primary-300);background-color:var(--color-primary-50);color:var(--color-primary-700)}.invoice-imei-tag--selected{background-color:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}.invoice-imei-tag--selected:hover{background-color:var(--color-primary-100)}.invoice-imei-tag--disabled{opacity:.4;cursor:not-allowed;background-color:var(--color-neutral-100)}[data-theme=dark] .invoice-imei-tag{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-300)}[data-theme=dark] .invoice-imei-tag:hover:not(:disabled){border-color:var(--color-primary-400);color:var(--color-primary-300);background-color:#3b82f626}[data-theme=dark] .invoice-imei-tag--selected{border-color:var(--color-primary-400);color:var(--color-primary-300);background-color:#3b82f633}[data-theme=dark] .invoice-imei-section__count{color:var(--color-primary-300);background-color:#3b82f626}.line-items-totals{background-color:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:1rem;padding:.75rem 1rem}.line-items-totals__row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;padding:.25rem 0;display:flex}.line-items-totals__row--grand{border-top:1px solid var(--color-border-default);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--color-text-primary);margin-top:.25rem;padding-top:.5rem}.line-items-totals__row--error{color:#dc2626}.invoice-limit-error{border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);background-color:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.625rem .75rem;line-height:1.4;display:flex}.invoice-limit-error svg{flex-shrink:0;margin-top:1px}.line-item-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.line-item-remove-btn{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:flex}.line-item-remove-btn:hover{color:#dc2626;background-color:#ef44441a;border-color:#dc2626}.product-select{width:100%;position:relative}.product-select__trigger{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);text-align:left;outline:none;justify-content:space-between;align-items:center;min-height:38px;display:flex}.product-select__trigger:hover:not(:disabled),.product-select__trigger:focus:not(:disabled){border-color:var(--color-border-focus)}.product-select__trigger:disabled{background-color:var(--color-neutral-50);color:var(--color-text-muted);cursor:not-allowed}.product-select__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.product-select__placeholder{color:var(--color-text-muted)}.product-select__icon{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.product-select__icon--open{transform:rotate(180deg)}.product-select__menu{top:calc(100% + var(--spacing-1));background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;min-width:280px;max-height:300px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.product-select__search{padding:var(--spacing-2);border-bottom:1px solid var(--color-border-light);position:relative}.product-select__search-icon{left:var(--spacing-4);width:14px;height:14px;color:var(--color-text-muted);position:absolute;top:50%;transform:translateY(-50%)}.product-select__search-input{width:100%;padding:var(--spacing-2)var(--spacing-2)var(--spacing-2)var(--spacing-8);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none}.product-select__search-input:focus{border-color:var(--color-border-focus)}.product-select__options{flex:1;overflow-y:auto}.product-select__option{padding:var(--spacing-2_5)var(--spacing-3);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.product-select__option:last-child{border-bottom:none}.product-select__option:hover{background-color:var(--color-neutral-50)}.product-select__option--selected{background-color:var(--color-primary-50)}.product-select__option-main{justify-content:space-between;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.product-select__option-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.product-select__option-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600)}.product-select__option-sub{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.product-select__option-sku{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:monospace}.product-select__option-stock{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.product-select__no-results{padding:var(--spacing-4);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.add-line-item-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);background-color:var(--color-primary-50);border:1px dashed var(--color-primary-300);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);align-self:flex-start;display:inline-flex}.add-line-item-btn:hover:not(:disabled){background-color:var(--color-primary-100);border-color:var(--color-primary-400)}.add-line-item-btn:disabled{color:var(--color-text-muted);background-color:var(--color-neutral-50);border-color:var(--color-border-default);cursor:not-allowed}.order-summary{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);top:var(--spacing-4);position:sticky;overflow:hidden}.order-summary__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);padding:var(--spacing-4)var(--spacing-5);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:1px solid var(--color-border-light);margin:0}.order-summary__stats{gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);display:flex}.order-summary__stat{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.order-summary__stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.order-summary__stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.order-summary__divider{background-color:var(--color-border-light);height:1px;margin:0 var(--spacing-5)}.order-summary__totals{padding:var(--spacing-4)var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.order-summary__row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.order-summary__row--total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-top:var(--spacing-2);border-top:2px solid var(--color-border-light);margin-top:var(--spacing-2)}.order-summary__info{padding:var(--spacing-4)var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.order-summary__info-item{gap:var(--spacing-1);flex-direction:column;display:flex}.order-summary__info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.order-summary__info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.overdue-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#dc2626;border-radius:var(--radius-md);white-space:nowrap;background-color:#ef44441a;display:inline-flex}.po-table__row--overdue{background-color:#ef444408}.po-table__row--overdue:hover{background-color:#ef444412}[data-theme=dark] .filters-section{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark] .date-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.2)}[data-theme=dark] .date-input:focus{border-color:var(--color-primary-500)}[data-theme=dark] .filter-dropdown__trigger{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .filter-dropdown__trigger:hover,[data-theme=dark] .filter-dropdown__trigger:focus{border-color:var(--color-primary-500)}[data-theme=dark] .filter-dropdown__menu{background-color:#1e293b;border-color:#334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .filter-dropdown__search{border-bottom-color:#334155}[data-theme=dark] .filter-dropdown__search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .filter-dropdown__option:hover{background-color:#334155}[data-theme=dark] .filter-dropdown__option--selected{color:#4ade80;background-color:#14452f33}[data-theme=dark] .search-bar__input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .search-bar__input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .search-bar__icon{color:#64748b}[data-theme=dark] .po-table-container{background-color:#1e293b;border-color:#334155}[data-theme=dark] .po-table__header{background:linear-gradient(#14452f26,#1e293b);border-bottom-color:#334155}[data-theme=dark] .po-table__header-cell{color:#94a3b8}[data-theme=dark] .po-table__body{background-color:#1e293b}[data-theme=dark] .po-table__row{border-bottom-color:#334155}[data-theme=dark] .po-table__row:hover,[data-theme=dark] .po-table__row--clickable:hover{background-color:#334155}[data-theme=dark] .po-table__row--overdue{background-color:#ef444414}[data-theme=dark] .po-table__row--overdue:hover{background-color:#ef444426}[data-theme=dark] .table-section{background-color:#1e293b;border-color:#334155}[data-theme=dark] .table-toolbar{border-bottom-color:#334155}[data-theme=dark] .pagination-container{border-top-color:#334155}[data-theme=dark] .po-status--draft{color:#d1d5db;background-color:#9ca3af33}[data-theme=dark] .po-status--pending{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark] .po-status--confirmed{color:#60a5fa;background-color:#60a5fa33}[data-theme=dark] .po-status--completed{color:#4ade80;background-color:#22c55e33}[data-theme=dark] .po-status--cancelled{color:#f87171;background-color:#ef444433}[data-theme=dark] .filter-tag{color:#4ade80;background-color:#14452f33;border-color:#14452f66}[data-theme=dark] .filter-tag__remove{background-color:#14452f4d}[data-theme=dark] .filter-tag__remove:hover{background-color:#14452f80}[data-theme=dark] .view-toggle{border-color:#334155}[data-theme=dark] .view-toggle__btn{background-color:#1e293b}[data-theme=dark] .view-toggle__btn:hover{background-color:#334155}[data-theme=dark] .view-toggle__btn--active{color:#4ade80;background-color:#14452f33}[data-theme=dark] .view-toggle__btn+.view-toggle__btn{border-left-color:#334155}[data-theme=dark] .po-empty-state{background-color:#1e293b}[data-theme=dark] .po-empty-state__icon{color:#64748b;background-color:#334155}[data-theme=dark] .create-po-header{border-bottom-color:#334155}[data-theme=dark] .create-po-back-btn{color:#cbd5e1;background-color:#1e293b;border-color:#334155}[data-theme=dark] .create-po-back-btn:hover{color:#f1f5f9;border-color:var(--color-primary-500);background-color:#334155}[data-theme=dark] .create-po-btn--secondary{color:#fff;background:#475569;border-color:#64748b}[data-theme=dark] .create-po-btn--secondary:hover{background:#64748b;border-color:#94a3b8}[data-theme=dark] .create-po-section{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark] .create-po-section__header{background:linear-gradient(#14452f26,#1e293b);border-bottom-color:#334155}[data-theme=dark] .create-po-section__title{color:#4ade80}[data-theme=dark] .create-po-section__body{background-color:#0f172a}[data-theme=dark] .create-po-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .create-po-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .create-po-input--readonly{color:#94a3b8;cursor:not-allowed;background-color:#334155}[data-theme=dark] .create-po-input::placeholder{color:#64748b}[data-theme=dark] .create-po-textarea{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .create-po-textarea:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .create-po-textarea::placeholder{color:#64748b}[data-theme=dark] .create-po-select__trigger{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .create-po-select__trigger:hover,[data-theme=dark] .create-po-select__trigger:focus{border-color:var(--color-primary-500)}[data-theme=dark] .create-po-select__trigger--open{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .create-po-select__placeholder{color:#64748b}[data-theme=dark] .create-po-select__menu{background-color:#1e293b;border-color:#334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .create-po-select__search{background-color:#1e293b;border-bottom-color:#334155}[data-theme=dark] .create-po-select__search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .create-po-select__search-input:focus{border-color:var(--color-primary-500)}[data-theme=dark] .create-po-select__search-input::placeholder{color:#64748b}[data-theme=dark] .create-po-select__option:hover{background-color:#334155}[data-theme=dark] .create-po-select__option--selected{color:#4ade80;background-color:#14452f33}[data-theme=dark] .create-po-select__no-results{color:#94a3b8}[data-theme=dark] .create-po-alert--error{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] .status-tabs{background-color:#0f172a;border-color:#334155;box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark] .status-tab{color:#94a3b8}[data-theme=dark] .status-tab:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark] .status-tab--active{color:#4ade80;background-color:#14452f33;border-color:#14452f66;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}[data-theme=dark] .status-tab__count{color:#cbd5e1;background-color:#334155}[data-theme=dark] .status-tab--active .status-tab__count{color:#4ade80;background-color:#14452f4d}[data-theme=dark] .po-action-btn--icon{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .po-action-btn--icon:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark] .po-actions-dropdown__menu{background-color:#1e293b;border-color:#334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .po-actions-dropdown__item:hover{background-color:#334155}[data-theme=dark] .po-checkbox__input{background-color:#0f172a;border-color:#334155}[data-theme=dark] .po-checkbox__input:hover{border-color:var(--color-primary-500)}[data-theme=dark] .po-checkbox__input:focus{box-shadow:0 0 0 2px #14452f4d}[data-theme=dark] .po-payment-status--unpaid{color:#fca5a5;background-color:#ef444433}[data-theme=dark] .po-payment-status--partially_paid{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark] .po-payment-status--paid{color:#4ade80;background-color:#22c55e33}[data-theme=dark] .add-line-item-btn{color:#5ea685;background-color:#14452f33;border-color:#3d8968}[data-theme=dark] .add-line-item-btn:hover:not(:disabled){color:#8ec4ab;background-color:#14452f4d;border-color:#5ea685}.stock-summary-row{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:768px){.stock-summary-row{grid-template-columns:repeat(4,1fr)}}.stock-summary-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-4)var(--spacing-5);align-items:flex-start;gap:var(--spacing-4);box-shadow:var(--shadow-sm);animation:slideUp var(--duration-normal)var(--ease-out);display:flex}.stock-summary-card:first-child{animation-delay:0s}.stock-summary-card:nth-child(2){animation-delay:50ms}.stock-summary-card:nth-child(3){animation-delay:.1s}.stock-summary-card:nth-child(4){animation-delay:.15s}.stock-summary-card:nth-child(5){animation-delay:.2s}.stock-summary-card:nth-child(6){animation-delay:.25s}.stock-summary-card--primary{background-color:var(--color-primary-50);border-color:var(--color-primary-100)}.stock-summary-card--success{background-color:#22c55e14;border-color:#22c55e33}.stock-summary-card--warning{background-color:#f59e0b14;border-color:#f59e0b33}.stock-summary-card--info{background-color:#3b82f614;border-color:#3b82f633}.stock-summary-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.stock-summary-card__icon--primary{background-color:var(--color-primary-50);color:var(--color-primary-600)}.stock-summary-card__icon--success{color:#16a34a;background-color:#22c55e1a}.stock-summary-card__icon--warning{color:#d97706;background-color:#f59e0b1a}.stock-summary-card__icon--info{color:#2563eb;background-color:#3b82f61a}.stock-summary-card__content{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.stock-summary-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.stock-summary-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.stock-item-name{flex-direction:column;gap:2px;display:flex}.stock-item-name__primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.stock-item-name__brand{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stock-sku{letter-spacing:.02em;font-family:monospace;font-size:var(--font-size-xs)!important}.stock-category{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;align-items:center;display:inline-flex}.stock-category--smartphone{color:#2563eb;background-color:#3b82f61a}.stock-category--tablet{color:#7c3aed;background-color:#8b5cf61a}.stock-category--wearable{color:#059669;background-color:#10b9811a}.stock-category--accessory{color:#b45309;background-color:#f59e0b1a}.po-table__header-cell--numeric,.po-table__cell--numeric{text-align:right}.stock-available{font-weight:var(--font-weight-semibold)}.stock-available--in_stock{color:#16a34a}.stock-available--low_stock{color:#d97706}.stock-available--out_of_stock{color:#dc2626}.stock-pending{color:#2563eb;font-weight:var(--font-weight-medium)}.stock-status--in_stock{color:#16a34a;background-color:#22c55e1a}.stock-status--low_stock{color:#b45309;background-color:#f59e0b1a}.stock-status--out_of_stock{color:#dc2626;background-color:#ef44441a}.item-master-status--active{color:#16a34a;background-color:#22c55e1a}.item-master-status--inactive{background-color:var(--color-neutral-200);color:var(--color-text-secondary)}.item-master-price{font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.item-master-btn--delete:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.create-po-btn--danger{color:#fff;background-color:#dc2626;box-shadow:0 2px 8px #dc26264d}.create-po-btn--danger:hover{background-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.item-master-price-input{position:relative}.item-master-price-input__icon{left:var(--spacing-3);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.item-master-price-input__field{padding-left:var(--spacing-8)!important}.item-master-modal-overlay{z-index:200;animation:backdropFadeIn var(--duration-fast)var(--ease-out);background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.item-master-modal-panel{background-color:var(--color-surface-primary);flex-direction:column;width:100%;max-width:480px;height:100%;animation:.2s item-master-slide-in;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}@keyframes item-master-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.item-master-modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.item-master-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.item-master-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-1)0 0}.item-master-modal__close{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.item-master-modal__close:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.item-master-modal__body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.item-master-modal__footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--color-neutral-50);flex-shrink:0;display:flex}.item-master-toggle{align-items:center;gap:var(--spacing-3);display:flex}.item-master-toggle__switch{background-color:var(--color-neutral-300);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);border:none;border-radius:12px;padding:0;position:relative}.item-master-toggle__switch--active{background-color:var(--color-primary-600)}.item-master-toggle__knob{width:20px;height:20px;transition:left var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.item-master-toggle__switch--active .item-master-toggle__knob{left:22px}.item-master-toggle__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.item-master-confirm-overlay{z-index:300;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.item-master-confirm{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;padding:var(--spacing-6)}.item-master-confirm__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.item-master-confirm__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-5);line-height:1.5}.item-master-confirm__actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}[data-theme=dark] .item-master-modal-overlay{background-color:#0f172ad9}[data-theme=dark] .item-master-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .item-master-modal__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom-color:#334155}[data-theme=dark] .item-master-modal__body{background-color:#0f172a}[data-theme=dark] .item-master-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark] .item-master-confirm-overlay{background-color:#0f172ad9}[data-theme=dark] .item-master-confirm{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}.page-header__title-row{align-items:center;gap:var(--spacing-2);display:inline-flex}.info-tooltip__icon{width:16px;height:16px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);flex-shrink:0}.info-tooltip__icon--active{color:var(--color-primary-600)}.info-tooltip__overlay{z-index:1000;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-tooltip__modal{background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:400px;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-xl);padding:var(--spacing-5)var(--spacing-6);position:relative}.info-tooltip__close{top:var(--spacing-3);right:var(--spacing-3);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.info-tooltip__close:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.info-tooltip__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.help-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:backdropFadeIn var(--duration-fast)var(--ease-out);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.2s ease-out helpModalSlideIn;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes helpModalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.help-modal__header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:24px 28px;display:flex}.help-modal__header-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.help-modal__title{color:#111827;flex:1;margin:0;font-size:20px;font-weight:600}.help-modal__close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.help-modal__close:hover{color:#111827;background:#f3f4f6}.help-modal__body{background:#fff;flex:1;padding:28px;overflow-y:auto}.help-section{margin-bottom:32px}.help-section:last-child{margin-bottom:0}.help-section__title{color:#111827;border-bottom:2px solid #667eea;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600;display:inline-block}.help-section__list{margin:0;padding:0;list-style:none}.help-section__item{color:#4b5563;margin-bottom:12px;padding-left:24px;font-size:14px;line-height:1.6;position:relative}.help-section__item:before{content:"";background:#667eea;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:4px}.help-section__item:last-child{margin-bottom:0}.help-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px 28px}.help-modal__footer-text{color:#6b7280;text-align:center;margin:0;font-size:13px}.help-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.help-button:hover{color:#667eea;background:#f3f4f6;border-color:#667eea}.help-button:active{transform:scale(.96)}@media(max-width:768px){.help-modal{border-radius:0;max-width:100%;max-height:100vh}.help-modal__header,.help-modal__body{padding:20px}.help-modal__footer{padding:16px 20px}.help-section{margin-bottom:24px}}.po-detail-page{gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.po-print-header,.po-print-signature{display:none}.po-detail-header{gap:var(--spacing-4);flex-direction:column;display:flex}@media(min-width:640px){.po-detail-header{flex-direction:row;justify-content:space-between;align-items:center}}.po-detail-header__left{align-items:center;gap:var(--spacing-3);display:flex}.po-detail-back{background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.po-detail-back:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary);border-color:var(--color-border-focus)}.po-detail-header__icon{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex;box-shadow:0 2px 8px #14452f40}.po-detail-header__info{align-items:center;gap:var(--spacing-3);display:flex}.po-detail-header__title-row{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.po-detail-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.po-detail-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.po-detail-header__actions{align-items:center;gap:var(--spacing-3);display:flex}.po-detail-print{background-color:var(--color-surface-primary);width:2.5rem;height:2.5rem;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.po-detail-print:hover{background-color:var(--color-neutral-50);border-color:var(--color-border-focus)}.po-detail-approve{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;display:inline-flex;box-shadow:0 2px 4px #2563eb33}.po-detail-approve:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 8px #2563eb40}.po-detail-reject{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;display:inline-flex;box-shadow:0 2px 4px #dc262633}.po-detail-reject:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 8px #dc262640}.po-detail-delete{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background-color:#fff;border:1px solid #dc2626;display:inline-flex}.po-detail-delete:hover{color:#b91c1c;background-color:#fef2f2;border-color:#b91c1c}.po-detail-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.po-detail-section__header{padding:var(--spacing-4)var(--spacing-5);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:1px solid var(--color-border-light)}.po-detail-section__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0}.po-detail-section__body{padding:var(--spacing-5)}.po-detail-section__body--no-pad{padding:0}.po-detail-info-grid{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}@media(min-width:640px){.po-detail-info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.po-detail-info-grid{grid-template-columns:repeat(3,1fr)}}.po-detail-info-item{gap:var(--spacing-1);flex-direction:column;display:flex}.po-detail-info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.po-detail-info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.po-detail-receipt{gap:var(--spacing-3);grid-template-columns:1fr;display:grid}@media(min-width:640px){.po-detail-receipt{grid-template-columns:repeat(4,1fr)}}.po-detail-receipt__stat{gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;display:flex}.po-detail-receipt__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.po-detail-receipt__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.po-detail-receipt__bar-wrapper{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1);display:flex}.po-detail-receipt__bar{background-color:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.po-detail-receipt__fill{border-radius:var(--radius-full);background-color:var(--color-primary-600);height:100%;transition:width .3s}.po-detail-receipt__percent{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);text-align:right;min-width:2.5rem}.po-detail-payment{gap:var(--spacing-3);grid-template-columns:1fr;display:grid}@media(min-width:640px){.po-detail-payment{grid-template-columns:repeat(4,1fr)}}.po-detail-payment__stat{gap:var(--spacing-2);padding:var(--spacing-4);background-color:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;display:flex}.po-detail-payment__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.po-detail-payment__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.po-detail-payment__value--success{color:var(--color-success-700)}.po-detail-payment__value--danger{color:var(--color-danger-700)}.po-detail-payment__action{align-items:flex-end;display:flex}.po-detail-payment-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;justify-content:center;width:100%;transition:all .2s;display:flex;box-shadow:0 2px 4px #14452f26}.po-detail-payment-btn:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:translateY(-1px);box-shadow:0 4px 8px #14452f40}.po-detail-payment-btn:active{transform:translateY(0);box-shadow:0 2px 4px #14452f26}.payment-error-banner{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-danger-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4);display:flex}.receipt-modal__balance{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.receipt-modal__balance strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.po-detail-items{border-collapse:collapse;width:100%}.po-detail-items thead{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:2px solid var(--color-primary-100)}.po-detail-items th{text-align:left;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-700);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.po-detail-items__th--num{text-align:left}.po-detail-items__th--no{width:48px}.po-detail-items td{padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.po-detail-items tbody tr:last-child td{border-bottom:none}.po-detail-items__td--no{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.po-detail-items__td--sku{color:var(--color-text-secondary);font-family:monospace;font-size:var(--font-size-xs)}.po-detail-items__td--num{text-align:left}.po-detail-items__td--total{font-weight:var(--font-weight-semibold)}.po-detail-totals{align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-4)var(--spacing-5);background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.po-detail-totals__row{width:100%;max-width:320px;font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.po-detail-totals__row--total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-top:var(--spacing-3);margin-top:var(--spacing-1);border-top:2px solid var(--color-border-light)}.po-detail-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.po-detail-not-found{text-align:center;padding:var(--spacing-12);color:var(--color-text-muted)}.po-detail-not-found h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--spacing-4)0 var(--spacing-2)}.po-detail-not-found p{font-size:var(--font-size-sm);margin:0 0 var(--spacing-4)}.po-detail-back-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex}.po-detail-back-link:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800))}.po-detail-receive{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex;box-shadow:0 2px 4px #14452f33}.po-detail-receive:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));box-shadow:0 4px 8px #14452f40}.receipt-modal-overlay{z-index:10000;padding:var(--spacing-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.receipt-modal{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.receipt-modal__header{padding:var(--spacing-5)var(--spacing-6);border-bottom:2px solid var(--color-primary-100);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-surface-primary));justify-content:space-between;align-items:center;display:flex}.receipt-modal__title-row{align-items:center;gap:var(--spacing-3);display:flex}.receipt-modal__icon{width:1.5rem;height:1.5rem;color:var(--color-primary-600)}.receipt-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin:0}.receipt-modal__close{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.receipt-modal__close:hover{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.receipt-modal__body{padding:var(--spacing-6);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.receipt-modal__info{gap:var(--spacing-6);margin-bottom:var(--spacing-5);padding:var(--spacing-4);background-color:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-border-light);display:flex}.receipt-modal__po-number,.receipt-modal__vendor{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.receipt-modal__po-number strong,.receipt-modal__vendor strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.receipt-modal__items{margin-top:var(--spacing-6)}.receipt-modal__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin:0 0 var(--spacing-4)}.receipt-items-table{border-collapse:collapse;background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:100%;overflow:hidden}.receipt-items-table thead{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom:2px solid var(--color-primary-100)}.receipt-items-table th{text-align:left;padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary-700);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.receipt-items-table__th--num{text-align:right}.receipt-items-table td{padding:var(--spacing-3)var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.receipt-items-table tbody tr:last-child td{border-bottom:none}.receipt-items-table__row--error{background-color:#fef2f2}.receipt-items-table__sku{color:var(--color-text-secondary);font-family:monospace;font-size:var(--font-size-xs)}.receipt-items-table__td--num{text-align:right}.receipt-items-table__input-wrapper{align-items:flex-end;gap:var(--spacing-1);flex-direction:column;display:flex}.receipt-items-table__input{width:100px;padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-align:right;transition:var(--transition-fast)}.receipt-items-table__input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #14452f1a}.receipt-items-table__input--error{background-color:#fef2f2;border-color:#ef4444}.receipt-items-table__input--error:focus{box-shadow:0 0 0 3px #ef44441a}.receipt-items-table__error{font-size:var(--font-size-xs);color:#dc2626;text-align:right}.receipt-modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5)var(--spacing-6);border-top:1px solid var(--color-border-light);background-color:var(--color-neutral-50);display:flex}.po-print-bill{display:none}@media print{@page{margin:0;size:A4 portrait}body{color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.sidebar,.sidebar-overlay,.header,.main-footer,.receipt-modal-overlay,.po-detail-header,.po-detail-section,.po-detail-receipt,.po-detail-payment,.po-detail-totals,.po-detail-notes{display:none!important}.content-wrapper,.content-wrapper--collapsed{height:auto!important;min-height:0!important;margin-left:0!important}.page-content{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.main-layout,body,html{height:auto!important;min-height:0!important}.po-detail-page{background:#fff!important;gap:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.po-print-bill{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:none;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10pt;background:#fff!important;display:block!important}.po-print-bill__header,.po-print-bill__total-hero,.po-print-bill__tr--alt .po-print-bill__td,.po-print-bill__th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.po-print-bill__header{flex-direction:column;gap:8pt;padding:20pt 24pt 14pt;display:flex;color:#fff!important;background:#144533!important}.po-print-bill__header-top{justify-content:space-between;align-items:center;display:flex}.po-print-bill__brand-mark{align-items:center;gap:6pt;display:flex}.po-print-bill__brand-dot{border-radius:50%;flex-shrink:0;width:10pt;height:10pt;background:#fff9!important}.po-print-bill__company-name{letter-spacing:.03em;font-size:18pt;font-weight:700;color:#fff!important}.po-print-bill__doc-badge{letter-spacing:.15em;border-radius:20pt;padding:3pt 10pt;font-size:9pt;font-weight:700;color:#144533!important;background:#ffffffe6!important}.po-print-bill__header-sub{opacity:.8;justify-content:space-between;align-items:center;font-size:10pt;display:flex;color:#fff!important}.po-print-bill__ref{font-style:italic}.po-print-bill__date{font-weight:600}.po-print-bill__supplier-strip{border-bottom:1pt solid #e5e7eb;align-items:baseline;gap:12pt;padding:12pt 24pt;display:flex;background:#f9fafb!important}.po-print-bill__strip-label{letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;flex-shrink:0;font-size:8pt;font-weight:700;color:#9ca3af!important}.po-print-bill__strip-value{font-size:12pt;font-weight:600;color:#111827!important}.po-print-bill__chips{border-bottom:1pt solid #e5e7eb;flex-wrap:wrap;gap:6pt;padding:10pt 24pt;display:flex;background:#fff!important}.po-print-bill__chip{border:1pt solid #bfdbfe;border-radius:20pt;align-items:center;gap:4pt;padding:2pt 7pt;font-size:8pt;display:flex;background:#eff6ff!important}.po-print-bill__chip-label{text-transform:uppercase;letter-spacing:.05em;font-size:7pt;font-weight:700;color:#3b82f6!important}.po-print-bill__chip-value{font-weight:500;color:#1e3a8a!important}.po-print-bill__items{min-height:55vh;overflow:visible}.po-print-bill__table{border-collapse:collapse;width:100%}.po-print-bill__th{text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1pt solid #e5e7eb;padding:8pt 12pt;font-size:8pt;font-weight:700;color:#6b7280!important;background:#f9fafb!important}.po-print-bill__th:first-child{padding-left:24pt}.po-print-bill__th:last-child{padding-right:24pt}.po-print-bill__th--qty,.po-print-bill__th--price,.po-print-bill__th--total{text-align:right}.po-print-bill__td{vertical-align:top;border-bottom:1pt solid #e5e7eb;padding:10pt 12pt;font-size:10pt;color:#111827!important}.po-print-bill__td:first-child{padding-left:24pt}.po-print-bill__td:last-child{padding-right:24pt}.po-print-bill__tr--alt .po-print-bill__td{background:#f9fafb!important}.po-print-bill__td--mono{font-family:monospace;font-size:8pt;color:#6b7280!important}.po-print-bill__td--center{text-align:center}.po-print-bill__td--right{text-align:right}.po-print-bill__td--amount{text-align:right;font-weight:600}.po-print-bill__totals{border-top:1pt solid #e5e7eb}.po-print-bill__totals-breakdown{border-bottom:1pt solid #e5e7eb;flex-direction:column;align-items:flex-end;gap:6pt;padding:12pt 24pt;display:flex}.po-print-bill__totals-row{align-items:center;gap:16pt;font-size:10pt;display:flex;color:#6b7280!important}.po-print-bill__totals-label{text-align:right;min-width:50pt}.po-print-bill__totals-value{text-align:right;min-width:60pt;font-weight:500;color:#111827!important}.po-print-bill__total-hero{justify-content:flex-end;align-items:center;gap:16pt;padding:14pt 24pt;display:flex;color:#fff!important;background:#144533!important}.po-print-bill__total-hero-label{letter-spacing:.04em;opacity:.85;text-transform:uppercase;font-size:10pt;font-weight:600;color:#fff!important}.po-print-bill__total-hero-amount{letter-spacing:-.01em;text-align:right;min-width:70pt;font-size:18pt;font-weight:700;color:#fff!important}.po-print-bill__notes{border-top:1pt solid #e5e7eb;align-items:flex-start;gap:10pt;padding:12pt 24pt;display:flex;background:#f9fafb!important}.po-print-bill__notes-label{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;padding-top:1pt;font-size:7pt;font-weight:700;color:#9ca3af!important}.po-print-bill__notes-text{margin:0;font-size:8.5pt;line-height:1.5;color:#6b7280!important}.po-print-bill__footer{border-top:1pt solid #e5e7eb;justify-content:space-between;align-items:center;padding:12pt 24pt;display:flex;background:#f3f4f6!important}.po-print-bill__footer-thank{font-size:10pt;font-weight:500;color:#374151!important}.po-print-bill__footer-gen{font-size:8.5pt;color:#9ca3af!important}.po-print-bill__imeis{flex-wrap:wrap;gap:4pt;margin-top:3pt;display:flex}.po-print-bill__imei{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:2pt;padding:1pt 4pt;font-family:monospace;font-size:7.5pt;color:#4b5563!important;background:#f3f4f6!important}}.receipt-imei-section{margin-top:var(--spacing-4);border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.receipt-imei-section__optional{color:var(--color-text-muted);font-size:.8rem;font-weight:400}.receipt-imei-group{margin-bottom:var(--spacing-4)}.receipt-imei-group__header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.receipt-imei-group__product{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.receipt-imei-group__count{color:var(--color-text-muted);background:var(--color-bg-subtle);border-radius:10px;padding:2px 8px;font-size:.75rem}.receipt-imei-group__inputs{gap:var(--spacing-2);flex-direction:column;display:flex}.receipt-imei-group__input-row{align-items:center;gap:var(--spacing-2);display:flex}.receipt-imei-group__label{color:var(--color-text-muted);text-align:right;min-width:28px;font-size:.75rem;font-weight:500}.receipt-imei-group__input{letter-spacing:.5px;font-family:monospace;font-size:.85rem!important}.po-detail-imeis{margin-top:var(--spacing-2)}.po-detail-imeis__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-right:var(--spacing-1);font-size:.7rem;font-weight:600}.po-detail-imeis__list{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.po-detail-imeis__tag{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;display:inline-block}[data-theme=dark] .po-detail-imeis__tag{background:var(--color-bg-elevated);border-color:var(--color-border)}.movement-type{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;align-items:center;display:inline-flex}.movement-type--purchase_receipt{color:#16a34a;background-color:#22c55e1a}.movement-type--sale{color:#2563eb;background-color:#3b82f61a}.movement-type--transfer_in{color:#7c3aed;background-color:#8b5cf61a}.movement-type--transfer_out{color:#8b5cf6;background-color:#a88bfa1a}.movement-type--adjustment{color:#b45309;background-color:#f59e0b1a}.movement-type--return{color:#0d9488;background-color:#14b8a61a}.movement-type--write_off{color:#dc2626;background-color:#ef44441a}.movement-qty{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.movement-qty--in{color:#16a34a}.movement-qty--out{color:#dc2626}.movement-user{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.stock-summary-card--danger{background-color:#ef444414;border-color:#ef444433}.stock-summary-card__icon--danger{color:#dc2626;background-color:#ef44441a}.stock-summary-card--amber{background-color:#f59e0b14;border-color:#f59e0b33}.stock-summary-card__icon--amber{color:#d97706;background-color:#f59e0b1a}.invoice-status{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;align-items:center;display:inline-flex}.invoice-status--draft{color:#4b5563;background-color:#6b72801a}.invoice-status--sent{color:#2563eb;background-color:#3b82f61a}.invoice-status--paid{color:#16a34a;background-color:#22c55e1a}.invoice-status--partially_paid{color:#7c3aed;background-color:#8b5cf61a}.invoice-status--overdue,.invoice-status--cancelled{color:#dc2626;background-color:#ef44441a}.invoice-customer{flex-direction:column;gap:2px;display:flex}.invoice-customer__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.invoice-customer__company{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.invoice-amount{text-align:left;font-variant-numeric:tabular-nums;font-size:var(--font-size-sm)}.invoice-amount--bold{font-weight:var(--font-weight-semibold)}.invoice-amount--success{color:#16a34a}.invoice-amount--danger{color:#dc2626}.invoice-overdue-badge{margin-left:var(--spacing-1);padding:1px var(--spacing-1);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:#dc2626;border-radius:var(--radius-sm);background-color:#ef44441a;align-items:center;display:inline-flex}.invoice-number{font-weight:var(--font-weight-medium);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--font-size-sm);color:var(--color-primary-600)}[data-theme=dark] .invoice-number{color:#5ea685}.create-invoice-body{gap:var(--spacing-6);align-items:flex-start;display:flex}.create-invoice-form{gap:var(--spacing-5);flex-direction:column;flex:0 0 58%;min-width:0;display:flex}.create-invoice-preview{top:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;flex:0 0 40%;min-width:0;display:flex;position:sticky}@media(max-width:1024px){.create-invoice-body{flex-direction:column}.create-invoice-form,.create-invoice-preview{flex:auto;position:static}}.invoice-preview-toolbar{padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.invoice-preview-toolbar__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--spacing-2);display:flex}.invoice-preview-toolbar__actions{align-items:center;gap:var(--spacing-1);display:flex}.invoice-preview-action-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-primary);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.invoice-preview-action-btn:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary);border-color:var(--color-border-medium)}.inv-doc-wrapper{background-color:var(--color-neutral-100);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);max-height:calc(100vh - 180px);overflow-y:auto}.inv-doc{color:#333;background:#fff;width:100%;min-height:700px;padding-top:14px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 2px 12px #0000001f}.inv-doc__header{background:linear-gradient(135deg,#1e3a5f,#2a4d7a);border-radius:8px;justify-content:space-between;align-items:center;margin:0 14px;padding:14px 18px;display:flex}.inv-doc__header-left{align-items:center;gap:10px;display:flex}.inv-doc__logo{color:#fff;letter-spacing:1px;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex}.inv-doc__logo-text{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:700}.inv-doc__title{color:#fff;letter-spacing:3px;text-transform:uppercase;font-size:26px;font-weight:700}.inv-doc__parties{justify-content:space-between;gap:20px;padding:16px 14px;display:flex}.inv-doc__company-info{flex:1}.inv-doc__company-name{color:#1e3a5f;margin-bottom:6px;font-size:14px;font-weight:700}.inv-doc__company-detail{color:#555;font-size:10px;line-height:1.6}.inv-doc__company-detail strong{color:#333;font-weight:700}.inv-doc__bill-to{flex:0 0 45%}.inv-doc__bill-to-label{color:#1e3a5f;margin-bottom:6px;font-size:14px;font-weight:700}.inv-doc__bill-to-detail{color:#555;font-size:10px;line-height:1.6}.inv-doc__bill-to-detail strong{color:#333;font-weight:700}.inv-doc__bank-section{background-color:#f8fafc;border:1px solid #dce4ed;border-top:3px solid #1e3a5f;border-radius:0 0 6px 6px;align-items:flex-start;gap:12px;margin:12px 14px;padding:12px 16px;display:flex}.inv-doc__bank-icon{color:#fff;background-color:#1e3a5f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.inv-doc__bank-content{flex:1;min-width:0}.inv-doc__bank-title{color:#1e3a5f;margin-bottom:8px;font-size:12px;font-weight:700}.inv-doc__bank-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.inv-doc__bank-col{flex-direction:column;display:flex}.inv-doc__bank-row{gap:6px;font-size:10px;line-height:1.9;display:flex}.inv-doc__bank-label{color:#333;white-space:nowrap;min-width:80px;font-weight:600}.inv-doc__bank-value{color:#555}.inv-doc__meta{border-top:1px solid #ddd;justify-content:space-between;padding:10px 14px;display:flex}.inv-doc__meta-item{gap:6px;font-size:10px;display:flex}.inv-doc__meta-label{color:#1e3a5f;font-weight:600}.inv-doc__meta-value{color:#333;font-weight:700}.inv-doc__table{border-collapse:collapse;width:calc(100% - 28px);margin:0 14px}.inv-doc__table thead{background:linear-gradient(135deg,#1e3a5f,#2a4d7a)}.inv-doc__table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid #fff3;padding:8px 12px;font-size:10px;font-weight:700}.inv-doc__table th:first-child{border-left:1px solid #fff3}.inv-doc__table th:last-child{border-right:1px solid #fff3}.inv-doc__table th:nth-child(3),.inv-doc__table th:nth-child(4){text-align:right}.inv-doc__table td{vertical-align:middle;border-bottom:1px solid #eee;border-right:1px solid #eee;padding:7px 12px;font-size:10px}.inv-doc__table td:first-child{border-left:1px solid #eee}.inv-doc__table td:nth-child(3),.inv-doc__table td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.inv-doc__table-row--empty td{color:#ccc;height:28px}.inv-doc__item-imeis{color:#666;word-break:break-all;margin-top:2px;font-size:7px;line-height:1.3}.inv-doc__totals-section{margin:0 14px;padding:0}.inv-doc__totals-table{border-collapse:collapse;width:100%}.inv-doc__totals-table td{border:none;padding:5px 12px;font-size:10px}.inv-doc__totals-table td:first-child{width:auto}.inv-doc__totals-table td:nth-child(2){text-align:right;color:#555;white-space:nowrap;width:110px;padding-right:6px;font-weight:600}.inv-doc__totals-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;width:100px;padding-left:6px}.inv-doc__grand-total{justify-content:flex-end;align-items:stretch;gap:0;padding:8px 12px;display:flex}.inv-doc__grand-total-label{color:#fff;letter-spacing:1px;background-color:#1e3a5f;border-radius:4px 0 0 4px;align-items:center;height:36px;padding:0 20px;font-size:12px;font-weight:700;display:inline-flex}.inv-doc__grand-total-amount{color:#fff;font-variant-numeric:tabular-nums;background-color:#0e7c61;border-radius:0 4px 4px 0;align-items:center;height:36px;padding:0 16px;font-size:16px;font-weight:700;display:inline-flex}.inv-doc__notes{background-color:#ef444408;border:1.5px solid #dc2626;border-radius:4px;margin:12px 14px;padding:10px 14px}.inv-doc__notes-title{color:#dc2626;margin-bottom:4px;font-size:10px;font-weight:700}.inv-doc__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:9px;line-height:1.6}.inv-doc__footer{text-align:center;background-color:#1e3a5f;border-radius:8px;margin:0 14px 14px;padding:12px 20px}.inv-doc__footer-primary{color:#fff;margin-bottom:2px;font-size:10px;font-weight:700}.inv-doc__footer-secondary{color:#ffffffb3;font-size:9px;font-style:italic}.inv-doc__placeholder{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.inv-doc__placeholder-text{color:#aaa;font-size:11px}@media print{.sidebar,.sidebar-overlay,.header,.main-footer,.create-po-header,.create-invoice-form,.invoice-preview-toolbar{display:none!important}.content-wrapper,.content-wrapper--collapsed{margin-left:0!important}.page-content{margin:0!important;padding:0!important}.create-invoice-body{display:block}.create-invoice-preview{flex:auto;width:100%;position:static}.inv-doc-wrapper{background:0 0;border:none;max-height:none;padding:0;overflow:visible}.inv-doc{box-shadow:none;width:100%;min-height:auto;padding:1.5cm}.inv-doc__header,.inv-doc__table thead,.inv-doc__grand-total-label,.inv-doc__grand-total-amount,.inv-doc__footer,.inv-doc__bank-icon,.inv-doc__bank-section,.inv-doc__logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:0;size:A4 portrait}body{background:#fff}.inv-doc-wrapper:after{content:"This is a computer-generated invoice and needs no signature.";text-align:center;color:#666;border-top:1px solid #ddd;margin-top:32px;padding-top:8px;font-family:Arial,Helvetica,sans-serif;font-size:9px;display:block}}[data-theme=dark] .invoice-preview-toolbar{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark] .invoice-preview-action-btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .invoice-preview-action-btn:hover{color:#f1f5f9;border-color:var(--color-primary-500);background-color:#334155}[data-theme=dark] .inv-doc-wrapper{background-color:#334155;border-color:#475569}[data-theme=dark] .inv-doc{color:#000;background-color:#fff}[data-theme=dark] .inv-doc *{color:inherit}.create-po-optional{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.create-po-select__clear{background:var(--color-neutral-200);border-radius:var(--radius-full);width:18px;height:18px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.create-po-select__clear:hover{background:var(--color-neutral-300);color:var(--color-text-primary)}.create-po-date-clearable{align-items:center;display:flex;position:relative}.create-po-date-clearable__input{width:100%;padding-right:var(--spacing-8)!important}.create-po-date-clearable__clear{right:var(--spacing-3);background:var(--color-neutral-200);border-radius:var(--radius-full);width:18px;height:18px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.create-po-date-clearable__clear:hover{background:var(--color-neutral-300);color:var(--color-text-primary)}.create-bill-body{gap:var(--spacing-6);align-items:flex-start;display:flex}.create-bill-form{gap:var(--spacing-5);flex-direction:column;flex:0 0 58%;min-width:0;display:flex}.create-bill-preview{top:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;flex:0 0 40%;min-width:0;display:flex;position:sticky}@media(max-width:1100px){.create-bill-body{flex-direction:column}.create-bill-form,.create-bill-preview{flex:auto;position:static}}.bill-preview-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:0 var(--spacing-1);justify-content:space-between;align-items:center;display:flex}.bill-preview-stats{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.bill-generate-btn{width:100%;padding:var(--spacing-3)var(--spacing-5);font-size:var(--font-size-base);justify-content:center}.bill-preview{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);font-size:var(--font-size-sm);overflow:hidden;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.bill-preview__header{background:linear-gradient(135deg,var(--color-primary-800)0%,var(--color-primary-600)100%);color:#fff;padding:var(--spacing-5)var(--spacing-5)var(--spacing-4);gap:var(--spacing-3);flex-direction:column;display:flex}.bill-preview__header-top{justify-content:space-between;align-items:center;display:flex}.bill-preview__brand-mark{align-items:center;gap:var(--spacing-2);display:flex}.bill-preview__brand-dot{border-radius:var(--radius-full);background-color:#fff9;flex-shrink:0;width:10px;height:10px}.bill-preview__company-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.03em}.bill-preview__doc-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.15em;color:var(--color-primary-800);padding:3px var(--spacing-2_5);border-radius:var(--radius-full);background-color:#ffffffe6}.bill-preview__header-sub{font-size:var(--font-size-xs);opacity:.75;justify-content:space-between;align-items:center;display:flex}.bill-preview__ref em{font-style:italic}.bill-preview__date{font-weight:var(--font-weight-medium)}.bill-preview__supplier-strip{align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-border-light);display:flex}.bill-preview__strip-label{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.bill-preview__strip-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bill-preview__empty{color:var(--color-text-muted);font-style:italic;font-weight:var(--font-weight-normal)}.bill-preview__chips{gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-5);border-bottom:1px solid var(--color-border-light);background-color:var(--color-surface-primary);flex-wrap:wrap;display:flex}.bill-preview__chip{align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1)var(--spacing-2_5);background-color:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-full);font-size:var(--font-size-xs);display:flex}.bill-preview__chip-label{color:var(--color-primary-500);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.bill-preview__chip-value{color:var(--color-primary-800);font-weight:var(--font-weight-medium)}.bill-preview__items{overflow-x:auto}.bill-preview__table{border-collapse:collapse;width:100%}.bill-preview__th{padding:var(--spacing-2)var(--spacing-3);text-align:left;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;background-color:var(--color-neutral-50);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.bill-preview__th--qty,.bill-preview__th--price,.bill-preview__th--total{text-align:right}.bill-preview__td{padding:var(--spacing-2_5)var(--spacing-3);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:top;font-size:var(--font-size-xs)}.bill-preview__tr--alt .bill-preview__td{background-color:var(--color-neutral-50)}.bill-preview__td--mono{color:var(--color-text-secondary);font-family:monospace;font-size:11px}.bill-preview__td--center{text-align:center}.bill-preview__td--right{text-align:right}.bill-preview__td--amount{text-align:right;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bill-preview__product-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.bill-preview__product-variant{color:var(--color-text-muted);margin-top:2px;font-size:10px}.bill-preview__empty-row{text-align:center;padding:var(--spacing-6);color:var(--color-text-muted);font-style:italic;font-size:var(--font-size-xs)}.bill-preview__totals{border-top:1px solid var(--color-border-light)}.bill-preview__totals-breakdown{padding:var(--spacing-3)var(--spacing-5);gap:var(--spacing-1_5);border-bottom:1px solid var(--color-border-light);flex-direction:column;align-items:flex-end;display:flex}.bill-preview__totals-row{align-items:center;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.bill-preview__totals-row-label{text-align:right;min-width:60px}.bill-preview__totals-row-value{text-align:right;min-width:72px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.bill-preview__total-hero{justify-content:flex-end;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;display:flex}.bill-preview__total-hero-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;opacity:.85;text-transform:uppercase;text-align:right}.bill-preview__total-hero-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;text-align:right;min-width:72px}.bill-preview__notes{padding:var(--spacing-3)var(--spacing-5);border-top:1px solid var(--color-border-light);gap:var(--spacing-2_5);background-color:var(--color-neutral-50);align-items:flex-start;display:flex}.bill-preview__notes-label{font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;padding-top:2px}.bill-preview__notes-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.5}.bill-preview__footer{padding:var(--spacing-3)var(--spacing-5);background-color:var(--color-neutral-100);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.bill-preview__footer-thank{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.bill-preview__footer-gen{color:var(--color-text-muted);font-size:10px}.bill-items{gap:var(--spacing-4);flex-direction:column;display:flex}.bill-item-row{gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:flex-start;display:flex;position:relative}.bill-item-row:hover{border-color:var(--color-primary-200)}.bill-item-row__index{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;width:1.5rem;min-width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);margin-top:var(--spacing-7);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bill-item-row__fields{gap:var(--spacing-3);flex-direction:column;flex:1;min-width:0;display:flex}.bill-item-row__remove{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;min-width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-7);background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bill-item-row__remove:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.bill-add-item-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-600);background-color:var(--color-surface-primary);border:1px dashed var(--color-primary-300);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;width:100%;display:inline-flex}.bill-add-item-btn:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.inv-modern{color:#333;background:#fff;width:100%;min-height:700px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 2px 12px #0000001f}.inv-modern__header{justify-content:space-between;align-items:flex-start;padding:20px 14px 8px;display:flex}.inv-modern__header-left{align-items:center;gap:12px;display:flex}.inv-modern__logo{color:#fff;letter-spacing:1px;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.inv-modern__company-title{flex-direction:column;display:flex}.inv-modern__company-name{color:#333;letter-spacing:.5px;font-size:14px;font-weight:700}.inv-modern__company-subtitle{color:#999;letter-spacing:.3px;margin-top:2px;font-size:9px}.inv-modern__header-right{text-align:right}.inv-modern__title{color:#999;letter-spacing:2px;text-transform:uppercase;font-size:28px;font-weight:700}.inv-modern__invoice-ref{color:#14452f;margin-top:2px;font-size:10px;font-weight:600}.inv-modern__company-line{color:#777;border-bottom:1px solid #eee;margin:0 14px;padding:0 14px 10px;font-size:9px}.inv-modern__bill-meta-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 14px;padding:12px 14px 14px;display:flex}.inv-modern__bill-to{flex:1;min-width:0}.inv-modern__bill-to-label{color:#14452f;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.inv-modern__bill-to-detail{color:#555;font-size:10px;line-height:1.6}.inv-modern__meta-box{background-color:#f5f5f5;border-left:6px solid #14452f;flex-shrink:0;gap:20px;padding:14px 20px;display:flex}.inv-modern__meta-group{flex-direction:column;gap:4px;display:flex}.inv-modern__meta-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.inv-modern__meta-value{color:#333;font-size:10px;font-weight:700}.inv-modern__table{border-collapse:collapse;width:calc(100% - 28px);margin:0 14px}.inv-modern__table thead{background-color:#14452f}.inv-modern__table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-size:9px;font-weight:700}.inv-modern__table th:first-child{text-align:center}.inv-modern__table th:nth-child(3),.inv-modern__table th:nth-child(5){text-align:right}.inv-modern__table th:nth-child(4){text-align:center}.inv-modern__table th:first-child{border-left:1px solid #14452f}.inv-modern__table th:last-child{border-right:1px solid #14452f}.inv-modern__table td{vertical-align:top;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:8px 12px;font-size:10px}.inv-modern__table td:first-child{text-align:center;color:#999;border-left:1px solid #f0f0f0;font-weight:600}.inv-modern__table td:nth-child(3),.inv-modern__table td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}.inv-modern__table td:nth-child(4){text-align:center}.inv-modern__item-name{color:#333;font-size:10px;font-weight:600}.inv-modern__item-sku{color:#999;margin-top:1px;font-family:SF Mono,Consolas,monospace;font-size:9px}.inv-modern__table-row--empty td{color:#ddd;height:28px}.inv-modern__bottom{border-top:1px solid #eee;gap:20px;margin:0 14px;padding:16px 14px 8px;display:flex}.inv-modern__bottom-left{flex-direction:column;flex:1;display:flex}.inv-modern__bottom-right{flex-direction:column;flex:0 0 45%;gap:8px;display:flex}.inv-modern__payment{flex-direction:column;gap:4px;display:flex}.inv-modern__section-title{color:#333;border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:4px;font-size:11px;font-weight:700}.inv-modern__terms{background-color:#f5f5f5;padding:12px 14px}.inv-modern__terms .inv-modern__section-title{color:#333;border-bottom-color:#ddd}.inv-modern__payment-row{gap:8px;font-size:10px;line-height:1.7;display:flex}.inv-modern__payment-label{color:#555;min-width:90px;font-weight:600}.inv-modern__payment-value{color:#333}.inv-modern__totals{flex-direction:column;gap:0;display:flex}.inv-modern__totals-row{color:#555;border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:5px 0;font-size:10px;display:flex}.inv-modern__totals-row span:last-child{font-variant-numeric:tabular-nums;color:#333;font-weight:600}.inv-modern__totals-row--grand{color:#fff;background-color:#14452f;border-bottom:none;margin-top:4px;padding:8px 10px;font-size:12px;font-weight:700}.inv-modern__totals-row--grand span:last-child{color:#fff;font-size:13px}.inv-modern__footer-row{align-items:stretch;gap:20px;margin:0 14px;padding:12px 14px 16px;display:flex}.inv-modern__terms{flex-direction:column;flex:1;display:flex}.inv-modern__terms-list{color:#333;margin:0;padding-left:16px;font-size:9px;line-height:1.8;list-style-type:disc}.inv-modern__terms-list li{margin-bottom:1px}.inv-modern__thankyou{color:#333;background-color:#fff;border:1px solid #eee;flex-direction:column;flex:0 0 45%;justify-content:center;align-items:center;padding:14px 16px;font-size:11px;line-height:1.4;display:flex}.inv-modern__thankyou strong{color:#14452f;font-weight:700}.inv-modern__thankyou-contact{color:#999;justify-content:center;align-items:center;gap:12px;margin-top:4px;font-size:9px;display:flex}.inv-modern__thankyou-item{align-items:center;gap:3px;display:inline-flex}.inv-modern__notes{background-color:#14452f08;border:1px solid #14452f;border-radius:4px;margin:0 14px 16px;padding:10px 14px}.inv-modern__notes-title{color:#14452f;margin-bottom:4px;font-size:10px;font-weight:700}.inv-modern__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:9px;line-height:1.6}@media print{.inv-modern{box-shadow:none;width:100%;min-height:auto}.inv-modern__table thead,.inv-modern__totals-row--grand,.inv-modern__thankyou,.inv-modern__meta-box,.inv-modern__logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.inv-avatar{color:#1a1a1a;box-sizing:border-box;background:#fff;min-height:700px;padding:40px 48px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5}.inv-avatar__header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.inv-avatar__header-left{flex:1}.inv-avatar__title{text-transform:uppercase;letter-spacing:0;color:#1a1a1a;margin:0 0 14px;font-size:16px;font-weight:700;text-decoration:none}.inv-avatar__company-name{color:#1a1a1a;margin-bottom:4px;font-size:12px;font-weight:700}.inv-avatar__company-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-avatar__header-right{text-align:right;flex:none;margin-left:24px}.inv-avatar__logo-img{object-fit:contain;border-radius:50%;width:120px;height:120px}.inv-avatar__logo-fallback{color:#fff;letter-spacing:1px;background:#1e3a5f;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:22px;font-weight:700;display:flex}.inv-avatar__meta{margin-bottom:20px}.inv-avatar__meta-line{color:#1a1a1a;margin:0;font-size:11px;line-height:1.8}.inv-avatar__bill-to{margin-bottom:32px}.inv-avatar__bill-to-label{color:#1a1a1a;margin:0 0 2px;font-size:11px}.inv-avatar__bill-to-name{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:700}.inv-avatar__bill-to-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-avatar__table-wrap{margin-bottom:0}.inv-avatar__table{border-collapse:collapse;width:100%;font-size:11px}.inv-avatar__table thead tr{border-top:1.5px solid #1a1a1a;border-bottom:1.5px solid #1a1a1a}.inv-avatar__table th{text-align:left;color:#1a1a1a;background:0 0;padding:7px 8px;font-size:11px;font-weight:700}.inv-avatar__table th.inv-avatar__col-qty,.inv-avatar__table th.inv-avatar__col-amount{text-align:center}.inv-avatar__table th.inv-avatar__col-total{text-align:right}.inv-avatar__table td{color:#1a1a1a;border-bottom:1px solid #e0e0e0;padding:7px 8px;font-size:11px}.inv-avatar__table td.inv-avatar__col-qty,.inv-avatar__table td.inv-avatar__col-amount{text-align:center}.inv-avatar__table td.inv-avatar__col-total{text-align:right}.inv-avatar__table tbody tr:last-child td{border-bottom:1.5px solid #1a1a1a}.inv-avatar__totals-row td{border-bottom:none;padding:4px 8px}.inv-avatar__totals-label{text-align:right;color:#1a1a1a;font-weight:700}.inv-avatar__totals-value{text-align:right;color:#1a1a1a}.inv-avatar__totals-row--total td{padding-top:6px;font-weight:700;border-top:1.5px solid #1a1a1a!important}.inv-avatar__bank{margin-top:32px;margin-bottom:32px}.inv-avatar__bank-title{color:#1a1a1a;margin:0 0 8px;font-size:12px;font-weight:700}.inv-avatar__bank-row{gap:0;margin-bottom:3px;font-size:11px;display:flex}.inv-avatar__bank-label{color:#1a1a1a;flex-shrink:0;width:130px}.inv-avatar__bank-value{color:#1a1a1a}.inv-avatar__notes{background:#fff5f5;border:1px solid #e44;border-radius:4px;margin-bottom:24px;padding:10px 12px}.inv-avatar__notes-title{color:#c33;margin:0 0 4px;font-size:10px;font-weight:700}.inv-avatar__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:10px}.inv-avatar__footer{text-align:center;padding:16px 0}.inv-avatar__footer-text{color:#1a1a1a;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}@media print{.inv-avatar{min-height:unset;box-shadow:none;padding:20mm}.inv-avatar__logo-img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.inv-chmz{color:#1a1a1a;box-sizing:border-box;background:#fff;min-height:700px;padding:40px 48px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5}.inv-chmz__header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.inv-chmz__header-left{flex:1}.inv-chmz__logo-img{object-fit:contain;border-radius:50%;width:110px;height:110px}.inv-chmz__logo-fallback{color:#fff;letter-spacing:1px;background:#1e3a5f;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:20px;font-weight:700;display:flex}.inv-chmz__company-name{color:#1a1a1a;margin-bottom:3px;font-size:13px;font-weight:700}.inv-chmz__company-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-chmz__invoice-banner{text-align:center;box-sizing:border-box;print-color-adjust:exact;-webkit-print-color-adjust:exact;background:#d9d9d9;border:1px solid #bbb;width:100%;margin-bottom:16px;padding:10px 0}.inv-chmz__invoice-banner-text{color:#1a1a1a;letter-spacing:2px;font-size:18px;font-weight:700}.inv-chmz__meta-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.inv-chmz__meta-label{color:#1a1a1a;margin:0;font-size:11px}.inv-chmz__parties{gap:40px;margin-bottom:28px;display:flex}.inv-chmz__party{flex:1}.inv-chmz__party-label{text-transform:uppercase;letter-spacing:.5px;color:#555;margin:0 0 4px;font-size:10px;font-weight:700}.inv-chmz__party-name{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:700}.inv-chmz__party-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-chmz__table{border-collapse:collapse;width:100%;font-size:11px}.inv-chmz__table thead tr{background:#e8e8e8}.inv-chmz__table th{text-align:left;color:#1a1a1a;border:1px solid #ccc;padding:8px 10px;font-size:11px;font-weight:700}.inv-chmz__table th.inv-chmz__col-qty,.inv-chmz__table th.inv-chmz__col-price,.inv-chmz__table th.inv-chmz__col-total{text-align:right}.inv-chmz__table td{color:#1a1a1a;border:1px solid #ccc;padding:8px 10px;font-size:11px}.inv-chmz__table td.inv-chmz__col-qty,.inv-chmz__table td.inv-chmz__col-price,.inv-chmz__table td.inv-chmz__col-total{text-align:right}.inv-chmz__col-label{text-align:right;font-weight:600}.inv-chmz__totals-row--total td{print-color-adjust:exact;-webkit-print-color-adjust:exact;background:#e8e8e8;font-weight:700}.inv-chmz__table-wrap{margin-bottom:28px}.inv-chmz__payment{border:1px solid #ccc;min-width:260px;margin-bottom:28px;padding:12px 14px;display:inline-block}.inv-chmz__payment-title{color:#1a1a1a;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}.inv-chmz__payment-row{color:#1a1a1a;margin-bottom:3px;font-size:11px}.inv-chmz__notes{background:#fff5f5;border:1px solid #e44;border-radius:4px;margin-bottom:24px;padding:10px 12px}.inv-chmz__notes-title{color:#c33;margin:0 0 4px;font-size:10px;font-weight:700}.inv-chmz__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:10px}.inv-chmz__footer{text-align:center;padding:16px 0}.inv-chmz__footer-text{color:#5b9bd5;margin:0;font-size:13px;font-style:italic;font-weight:400}@media print{.inv-chmz{min-height:unset;box-shadow:none;padding:20mm}.inv-chmz__logo-img,.inv-chmz__invoice-banner,.inv-chmz__table thead tr,.inv-chmz__totals-row--total td{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.inv-emamz{color:#1a1a1a;box-sizing:border-box;background:#fff;min-height:700px;padding:40px 48px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5}.inv-emamz__header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.inv-emamz__logo-img{object-fit:contain;width:160px;height:160px}.inv-emamz__logo-fallback{color:#fff;letter-spacing:1px;background:#1e3a5f;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:24px;font-weight:700;display:flex}.inv-emamz__title{text-transform:uppercase;letter-spacing:2px;color:#1a1a1a;align-self:center;margin:0;font-size:18px;font-weight:700}.inv-emamz__separator{border:none;border-top:2px solid #1a1a1a;margin:8px 0 20px}.inv-emamz__info-row{align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.inv-emamz__party{flex:1}.inv-emamz__party:first-child{flex:0 0 38%}.inv-emamz__party-label{text-transform:uppercase;letter-spacing:.5px;color:#555;margin:0 0 4px;font-size:10px;font-weight:700}.inv-emamz__party-name{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:700}.inv-emamz__party-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-emamz__meta{text-align:left;flex:none;align-self:center;min-width:140px}.inv-emamz__meta-label{color:#1a1a1a;margin:0;font-size:11px;font-weight:700;line-height:1.5}.inv-emamz__meta-value{color:#1a1a1a;margin:0 0 8px;font-size:11px;line-height:1.5}.inv-emamz__table-wrap{margin-bottom:0}.inv-emamz__table{border-collapse:collapse;width:100%;font-size:11px}.inv-emamz__table thead tr{border-top:1.5px solid #1a1a1a;border-bottom:1.5px solid #1a1a1a}.inv-emamz__table th{text-align:left;color:#1a1a1a;background:0 0;padding:7px 8px;font-size:11px;font-weight:700}.inv-emamz__table th.inv-emamz__col-qty,.inv-emamz__table th.inv-emamz__col-price,.inv-emamz__table th.inv-emamz__col-total{text-align:right}.inv-emamz__table td{color:#1a1a1a;border-bottom:1px solid #e0e0e0;padding:7px 8px;font-size:11px}.inv-emamz__table td.inv-emamz__col-qty,.inv-emamz__table td.inv-emamz__col-price,.inv-emamz__table td.inv-emamz__col-total{text-align:right}.inv-emamz__table tbody tr:last-child td{border-bottom:1.5px solid #1a1a1a}.inv-emamz__totals{justify-content:flex-end;margin-bottom:28px;display:flex}.inv-emamz__totals-table{border-collapse:collapse;width:240px;font-size:11px}.inv-emamz__totals-table td{color:#1a1a1a;border-bottom:1px solid #e0e0e0;padding:4px 8px}.inv-emamz__totals-table td:first-child{text-align:left}.inv-emamz__totals-table td:last-child{text-align:right}.inv-emamz__totals-row--total td{border-top:1.5px solid #1a1a1a;border-bottom:none;padding-top:6px;font-weight:700}.inv-emamz__payment{border-top:1px dashed #aaa;margin-bottom:28px;padding-top:14px}.inv-emamz__payment-title{color:#1a1a1a;text-transform:uppercase;margin:0 0 12px;font-size:18px;font-weight:700}.inv-emamz__payment-subtitle{color:#1a1a1a;margin:0 0 6px;font-size:11px;font-weight:700}.inv-emamz__payment-row{gap:0;margin-bottom:3px;font-size:11px;display:flex}.inv-emamz__payment-label{color:#1a1a1a;flex-shrink:0;width:160px}.inv-emamz__payment-value{color:#1a1a1a}.inv-emamz__notes{background:#fff5f5;border:1px solid #e44;border-radius:4px;margin-bottom:24px;padding:10px 12px}.inv-emamz__notes-title{color:#c33;margin:0 0 4px;font-size:10px;font-weight:700}.inv-emamz__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:10px}.inv-emamz__footer{text-align:center;padding:16px 0}.inv-emamz__footer-text{color:#5bc0de;margin:0;font-size:13px;font-style:italic;font-weight:400}@media print{.inv-emamz{min-height:unset;box-shadow:none;padding:20mm}.inv-emamz__logo-img{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.inv-unmz{color:#1a1a1a;box-sizing:border-box;background:#fff;min-height:700px;padding:40px 48px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5}.inv-unmz__title{text-transform:uppercase;color:#7ab534;text-align:center;letter-spacing:2px;margin:0 0 18px;font-size:18px;font-weight:700}.inv-unmz__header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.inv-unmz__header-left{flex:1}.inv-unmz__header-right{text-align:right;flex:none}.inv-unmz__logo-img{object-fit:contain;border-radius:50%;width:130px;height:130px}.inv-unmz__logo-fallback{color:#fff;letter-spacing:1px;background:#7ab534;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:22px;font-weight:700;display:flex}.inv-unmz__company-name{color:#1a1a1a;margin-bottom:3px;font-size:12px;font-weight:700}.inv-unmz__company-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-unmz__bill-to-row{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.inv-unmz__bill-to{flex:1}.inv-unmz__meta{text-align:right;flex-shrink:0;margin-left:16px}.inv-unmz__meta-line{color:#1a1a1a;margin:0;font-size:11px;line-height:1.8}.inv-unmz__bill-to-label{color:#1a1a1a;margin:0 0 2px;font-size:11px}.inv-unmz__bill-to-name{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:700}.inv-unmz__bill-to-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-unmz__table-wrap{margin-bottom:0}.inv-unmz__table{border-collapse:collapse;width:100%;font-size:11px}.inv-unmz__table thead tr{background:#c5e08d}.inv-unmz__table th{text-align:left;color:#1a1a1a;border:1px solid #b0cc70;padding:8px 10px;font-size:11px;font-weight:700}.inv-unmz__table th.inv-unmz__col-qty,.inv-unmz__table th.inv-unmz__col-rate,.inv-unmz__table th.inv-unmz__col-amount{text-align:right}.inv-unmz__table td{color:#1a1a1a;border:1px solid #e0e0e0;padding:8px 10px;font-size:11px}.inv-unmz__table td.inv-unmz__col-qty,.inv-unmz__table td.inv-unmz__col-rate,.inv-unmz__table td.inv-unmz__col-amount{text-align:right}.inv-unmz__totals{justify-content:flex-end;margin-bottom:28px;display:flex}.inv-unmz__totals-table{border-collapse:collapse;width:240px;font-size:11px}.inv-unmz__totals-table td{color:#1a1a1a;border-bottom:1px solid #e0e0e0;padding:5px 10px}.inv-unmz__totals-table td:first-child{text-align:left}.inv-unmz__totals-table td:last-child{text-align:right}.inv-unmz__totals-row--total td{border-top:1.5px solid #1a1a1a;border-bottom:none;padding-top:6px;font-weight:700}.inv-unmz__bank{margin-bottom:32px}.inv-unmz__bank-title{color:#1a1a1a;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.inv-unmz__bank-row{gap:0;margin-bottom:3px;font-size:11px;display:flex}.inv-unmz__bank-label{color:#1a1a1a;flex-shrink:0;width:130px;font-weight:700}.inv-unmz__bank-value{color:#1a1a1a}.inv-unmz__notes{background:#fff5f5;border:1px solid #e44;border-radius:4px;margin-bottom:24px;padding:10px 12px}.inv-unmz__notes-title{color:#c33;margin:0 0 4px;font-size:10px;font-weight:700}.inv-unmz__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:10px}.inv-unmz__footer{text-align:center;padding:16px 0}.inv-unmz__footer-text{color:#7ab534;text-transform:uppercase;margin:0;font-size:14px;font-style:italic;font-weight:700}@media print{.inv-unmz{min-height:unset;box-shadow:none;padding:20mm}.inv-unmz__logo-img,.inv-unmz__table thead tr,.inv-unmz__footer-text{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.inv-vjmz{color:#1a1a1a;box-sizing:border-box;background:#fff;min-height:700px;padding:40px 48px;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.5}.inv-vjmz__header{border:1.5px solid #1a1a1a;justify-content:space-between;align-items:center;margin-bottom:0;padding:14px 16px;display:flex}.inv-vjmz__logo-img{object-fit:contain;width:160px;height:100px}.inv-vjmz__logo-fallback{color:#fff;letter-spacing:1px;background:#c0392b;border-radius:4px;justify-content:center;align-items:center;width:130px;height:90px;font-size:22px;font-weight:700;display:flex}.inv-vjmz__title{text-transform:uppercase;color:#1a1a1a;margin:0;font-size:22px;font-weight:700}.inv-vjmz__info-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-top:12px;display:flex}.inv-vjmz__company-name{color:#1a1a1a;margin:0 0 3px;font-size:12px;font-weight:700}.inv-vjmz__company-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-vjmz__meta-boxes{flex-direction:column;align-items:flex-end;gap:0;display:flex}.inv-vjmz__meta-box{text-align:left;border:1.5px solid #1a1a1a;min-width:130px;padding:4px 12px}.inv-vjmz__meta-box+.inv-vjmz__meta-box{border-top:none}.inv-vjmz__meta-line{color:#1a1a1a;margin:0;font-size:11px;line-height:1.8}.inv-vjmz__bill-to{margin-top:20px;margin-bottom:16px}.inv-vjmz__bill-to-label{color:#1a1a1a;margin:0 0 2px;font-size:11px}.inv-vjmz__bill-to-name{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:700}.inv-vjmz__bill-to-detail{color:#1a1a1a;margin:0;font-size:11px;line-height:1.7}.inv-vjmz__table{border-collapse:collapse;width:100%;font-size:11px}.inv-vjmz__table thead tr{background:#e8e8e8}.inv-vjmz__table th{text-align:left;color:#1a1a1a;border:1px solid #ccc;padding:8px 10px;font-size:11px;font-weight:700}.inv-vjmz__table th.inv-vjmz__col-qty,.inv-vjmz__table th.inv-vjmz__col-price,.inv-vjmz__table th.inv-vjmz__col-total{text-align:right}.inv-vjmz__table td{color:#1a1a1a;border:1px solid #ccc;padding:8px 10px;font-size:11px}.inv-vjmz__table td.inv-vjmz__col-qty,.inv-vjmz__table td.inv-vjmz__col-price,.inv-vjmz__table td.inv-vjmz__col-total{text-align:right}.inv-vjmz__table-wrap{margin-bottom:28px}.inv-vjmz__table td.inv-vjmz__totals-empty{background:0 0;border-right-color:#0000}.inv-vjmz__table td.inv-vjmz__totals-label{text-align:left;color:#1a1a1a;font-size:11px}.inv-vjmz__totals-row--grand td{font-weight:700}.inv-vjmz__bank{border:1.5px solid #1a1a1a;min-width:260px;margin-bottom:28px;padding:10px 14px;display:inline-block}.inv-vjmz__bank-title{color:#1a1a1a;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.inv-vjmz__bank-row{color:#1a1a1a;margin-bottom:2px;font-size:11px}.inv-vjmz__notes{background:#fff5f5;border:1px solid #e44;border-radius:4px;margin-bottom:24px;padding:10px 12px}.inv-vjmz__notes-title{color:#c33;margin:0 0 4px;font-size:10px;font-weight:700}.inv-vjmz__notes-text{color:#555;white-space:pre-wrap;margin:0;font-size:10px}.inv-vjmz__footer{text-align:center;padding:16px 0}.inv-vjmz__footer-text{color:#c0392b;margin:0;font-size:13px;font-style:italic;font-weight:700}@media print{.inv-vjmz{min-height:unset;box-shadow:none;padding:20mm}.inv-vjmz__logo-img,.inv-vjmz__table thead tr,.inv-vjmz__footer-text{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.multi-invoice-body{gap:var(--spacing-6);align-items:flex-start;display:flex}.multi-invoice-form{gap:var(--spacing-6);flex-direction:column;flex:0 0 58%;max-width:58%;display:flex}.multi-invoice-preview{max-width:40%;top:var(--spacing-6);flex-direction:column;flex:0 0 40%;max-height:calc(100vh - 120px);display:flex;position:sticky}.multi-invoice-companies__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.multi-invoice-companies__toggle{color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:0}.multi-invoice-companies__toggle:hover{text-decoration:underline}.multi-invoice-companies__grid{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.multi-invoice-companies__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface-primary);flex-wrap:wrap;display:flex}.multi-invoice-companies__bank-select{width:100%;font-size:var(--font-size-xs);padding:var(--spacing-1_5)var(--spacing-2);cursor:pointer;border:1px solid var(--color-border-default);border-radius:var(--radius-md);height:32px}.multi-invoice-companies__item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.multi-invoice-companies__item--selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.multi-invoice-companies__checkbox{border:2px solid var(--color-border-medium);border-radius:var(--border-radius-sm);width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-invoice-companies__item--selected .multi-invoice-companies__checkbox{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.multi-invoice-companies__logo{border-radius:var(--border-radius-sm);color:#fff;width:28px;height:28px;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-invoice-companies__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.multi-invoice-max-input{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface-primary);transition:border-color var(--transition-fast)}.multi-invoice-max-input:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus-ring);outline:none}.multi-invoice-nav{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)0;display:flex}.multi-invoice-nav__btn{border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);background:var(--color-surface-primary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.multi-invoice-nav__btn:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.multi-invoice-nav__btn:disabled{opacity:.4;cursor:not-allowed}.multi-invoice-nav__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;min-width:120px}.multi-invoice-nav__company{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin-top:2px}.multi-invoice-show-all{padding:var(--spacing-2)0;justify-content:center;align-items:center;display:flex}.multi-invoice-show-all__btn{color:var(--color-primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-1)var(--spacing-3);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);background:0 0;border:none}.multi-invoice-show-all__btn:hover{background:var(--color-primary-50)}.multi-invoice-gallery{padding:var(--spacing-4);background:var(--color-neutral-100);border-radius:0 0 var(--border-radius-md)var(--border-radius-md);flex:1;overflow-y:auto}.multi-invoice-gallery__item{margin-bottom:var(--spacing-6)}.multi-invoice-gallery__item:last-child{margin-bottom:0}.multi-invoice-gallery__divider{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);margin-bottom:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-primary-500);display:flex}.multi-invoice-gallery__divider-logo{border-radius:var(--border-radius-sm);color:#fff;width:22px;height:22px;font-size:8px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.multi-invoice-gallery__divider-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.multi-invoice-gallery__divider-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.multi-invoice-placeholder{padding:var(--spacing-12);text-align:center;color:var(--color-text-muted);background:var(--color-neutral-100);border-radius:0 0 var(--border-radius-md)var(--border-radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.multi-invoice-placeholder__icon{width:48px;height:48px;margin-bottom:var(--spacing-4);color:var(--color-neutral-300)}.multi-invoice-placeholder__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.multi-invoice-placeholder__text{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:280px;line-height:1.5}.multi-invoice-summary{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.multi-invoice-summary__card{padding:var(--spacing-4);background:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);text-align:center}.multi-invoice-summary__card--invoices{border-top:3px solid var(--color-primary-600)}.multi-invoice-summary__card--companies{border-top:3px solid #7c3aed}.multi-invoice-summary__card--units{border-top:3px solid #059669}.multi-invoice-summary__card--total{border-top:3px solid #b45309}.multi-invoice-summary__value{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:2px}.multi-invoice-summary__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.multi-invoice-changed-banner{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--border-radius-md);color:#92400e;font-size:var(--font-size-sm);background:#fef3c7;border:1px solid #f59e0b;display:flex}@media(max-width:1024px){.multi-invoice-body{flex-direction:column}.multi-invoice-form,.multi-invoice-preview{flex:auto;max-width:100%}.multi-invoice-preview{max-height:none;position:static}.multi-invoice-companies__grid{grid-template-columns:1fr}}@media print{.sidebar,.sidebar-overlay,.header,.main-footer,.create-po-header,.multi-invoice-form,.invoice-preview-toolbar,.multi-invoice-nav,.multi-invoice-show-all,.multi-invoice-placeholder,.multi-invoice-changed-banner{display:none!important}.multi-invoice-body{display:block}.multi-invoice-preview{flex:auto;max-width:100%!important;max-height:none!important;position:static!important}.multi-invoice-gallery{background:#fff;padding:0;max-height:none!important;display:block!important;overflow:visible!important}.multi-invoice-gallery__item{page-break-after:always;margin-bottom:0}.multi-invoice-gallery__item:last-child{page-break-after:auto}.multi-invoice-gallery__divider{display:none!important}.inv-doc__header,.inv-doc__footer,.inv-doc__grand-total,.inv-doc__bank-section,.inv-modern__header,.inv-modern__table thead,.inv-modern__totals-row--grand,.inv-modern__terms,.inv-modern__thankyou{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 portrait;margin:0}}.company-name-cell{align-items:center;gap:var(--spacing-3);display:flex}.company-logo{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.company-logo-img{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border-light);flex-shrink:0;width:36px;height:36px}.company-email{color:var(--color-primary-600);font-size:var(--font-size-sm)}.company-status--active{color:#16a34a;background-color:#22c55e1a}.company-status--inactive{background-color:var(--color-neutral-200);color:var(--color-text-secondary)}.company-btn--delete:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.company-modal-overlay{z-index:200;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.company-modal-panel{background-color:var(--color-surface-primary);flex-direction:column;width:100%;max-width:520px;height:100%;animation:.2s company-slide-in;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}@keyframes company-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.company-modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.company-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.company-modal__close{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.company-modal__close:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.company-modal__body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.company-modal__footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--color-neutral-50);flex-shrink:0;display:flex}.company-section-divider{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);display:flex}.company-section-divider__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.company-section-divider:after{content:"";background-color:var(--color-border-light);flex:1;height:1px}.company-color-input{align-items:center;gap:var(--spacing-3);padding:0 var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);height:40px;display:flex}.company-color-input__picker{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:32px;height:32px;padding:0}.company-color-input__picker::-webkit-color-swatch-wrapper{padding:0}.company-color-input__picker::-webkit-color-swatch{border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.company-color-input__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.company-toggle{align-items:center;gap:var(--spacing-3);display:flex}.company-toggle__switch{background-color:var(--color-neutral-300);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);border:none;border-radius:12px;padding:0;position:relative}.company-toggle__switch--active{background-color:var(--color-primary-600)}.company-toggle__knob{width:20px;height:20px;transition:left var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.company-toggle__switch--active .company-toggle__knob{left:22px}.company-toggle__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.company-confirm-overlay{z-index:300;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.company-confirm{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;padding:var(--spacing-6)}.company-confirm__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.company-confirm__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-5);line-height:1.5}.company-confirm__actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}.company-photo-upload{align-items:center;gap:var(--spacing-4);display:flex}.company-photo-preview{flex-shrink:0;width:80px;height:80px;position:relative}.company-photo-preview__img{border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--color-border-light);width:80px;height:80px}.company-photo-preview__initials{border-radius:var(--radius-lg);color:#fff;width:80px;height:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:1px;border:2px solid var(--color-border-light);justify-content:center;align-items:center;display:flex}.company-photo-upload__btn{background-color:var(--color-primary-600);border:2px solid var(--color-surface-primary);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.company-photo-upload__btn:hover{background-color:var(--color-primary-700);transform:scale(1.05)}.company-photo-upload__info{flex:1}.company-photo-upload__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.company-form-page{padding:var(--spacing-6)}.company-form-page__back{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;margin-bottom:var(--spacing-5);transition:color var(--transition-fast);background:0 0;border:none;padding:0;display:inline-flex}.company-form-page__back:hover{color:var(--color-primary-600)}.company-form-page__header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:flex-start;display:flex}.company-form-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.company-form-page__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.company-form-page__grid{gap:var(--spacing-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.company-form-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-5)}.company-form-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--spacing-2);display:flex}.company-form-card__title-icon{color:var(--color-primary-600)}.company-form-fields-2col{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.company-form-page__actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-light);display:flex}.bank-accounts-list{gap:var(--spacing-3);flex-direction:column;display:flex}.bank-account-card{background-color:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-4);transition:border-color var(--transition-fast);position:relative}.bank-account-card--primary{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.bank-account-card__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.bank-account-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bank-account-card__badges{align-items:center;gap:var(--spacing-2);display:flex}.bank-account-card__primary-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);background-color:var(--color-primary-100);border:1px solid var(--color-primary-200);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px}.bank-account-card__actions{gap:var(--spacing-2);display:flex}.bank-account-card__btn{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);transition:var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.bank-account-card__btn:hover{background-color:var(--color-neutral-100);color:var(--color-text-primary)}.bank-account-card__btn--danger:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.bank-account-card__btn--primary:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50);color:var(--color-primary-700)}.bank-account-card__details{gap:var(--spacing-2)var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.bank-account-card__detail{flex-direction:column;gap:2px;display:flex}.bank-account-card__detail-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.bank-account-card__detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-mono)}.bank-account-add-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);margin-top:var(--spacing-3);background:0 0;display:flex}.bank-account-add-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background-color:var(--color-primary-50)}.bank-account-form{background-color:var(--color-surface-primary);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-3)}.bank-account-form__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-4)}.bank-account-form__fields{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.bank-account-form__full{grid-column:1/-1}.bank-account-form__actions{justify-content:flex-end;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light);display:flex}.bank-select-option{flex-direction:column;gap:2px;display:flex}.bank-select-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.bank-select-option__detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}[data-theme=dark] .company-email{color:#5ea685}[data-theme=dark] .company-form-card,[data-theme=dark] .bank-account-card{background-color:var(--color-surface-secondary)}[data-theme=dark] .bank-account-card--primary{background-color:rgba(var(--color-primary-600-rgb,30,58,95),.15)}[data-theme=dark] .bank-account-form{background-color:var(--color-surface-secondary)}.customer-email{color:var(--color-primary-600);font-size:var(--font-size-sm)}.customer-status--active{color:#16a34a;background-color:#22c55e1a}.customer-status--inactive{background-color:var(--color-neutral-200);color:var(--color-text-secondary)}.customer-btn--delete:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.customer-modal-overlay{z-index:200;animation:backdropFadeIn var(--duration-fast)var(--ease-out);background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.customer-modal-panel{background-color:var(--color-surface-primary);flex-direction:column;width:100%;max-width:520px;height:100%;animation:.2s customer-slide-in;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}@keyframes customer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.customer-modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.customer-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.customer-modal__close{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.customer-modal__close:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.customer-modal__body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.customer-modal__footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--color-neutral-50);flex-shrink:0;display:flex}.customer-textarea{resize:vertical;min-height:60px;font-family:inherit}.customer-toggle{align-items:center;gap:var(--spacing-3);display:flex}.customer-toggle__switch{background-color:var(--color-neutral-300);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);border:none;border-radius:12px;padding:0;position:relative}.customer-toggle__switch--active{background-color:var(--color-primary-600)}.customer-toggle__knob{width:20px;height:20px;transition:left var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.customer-toggle__switch--active .customer-toggle__knob{left:22px}.customer-toggle__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.customer-confirm-overlay{z-index:300;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customer-confirm{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;padding:var(--spacing-6)}.customer-confirm__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.customer-confirm__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-5);line-height:1.5}.customer-confirm__actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}[data-theme=dark] .customer-modal-overlay{background-color:#0f172ad9}[data-theme=dark] .customer-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .customer-modal__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom-color:#334155}[data-theme=dark] .customer-modal__body{background-color:#0f172a}[data-theme=dark] .customer-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark] .customer-confirm-overlay{background-color:#0f172ad9}[data-theme=dark] .customer-confirm{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .customer-email{color:#5ea685}.supplier-email{color:var(--color-primary-600);font-size:var(--font-size-sm)}.supplier-status--active{color:#16a34a;background-color:#22c55e1a}.supplier-status--inactive{background-color:var(--color-neutral-200);color:var(--color-text-secondary)}.supplier-btn--delete:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.supplier-modal-overlay{z-index:200;animation:backdropFadeIn var(--duration-fast)var(--ease-out);background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.supplier-modal-panel{background-color:var(--color-surface-primary);flex-direction:column;width:100%;max-width:520px;height:100%;animation:.2s supplier-slide-in;display:flex;overflow:hidden;box-shadow:-4px 0 24px #00000026}@keyframes supplier-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.supplier-modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-border-light);background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.supplier-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.supplier-modal__close{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.supplier-modal__close:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.supplier-modal__body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.supplier-modal__footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--color-neutral-50);flex-shrink:0;display:flex}.supplier-textarea{resize:vertical;min-height:60px;font-family:inherit}.supplier-toggle{align-items:center;gap:var(--spacing-3);display:flex}.supplier-toggle__switch{background-color:var(--color-neutral-300);cursor:pointer;width:44px;height:24px;transition:background-color var(--transition-fast);border:none;border-radius:12px;padding:0;position:relative}.supplier-toggle__switch--active{background-color:var(--color-primary-600)}.supplier-toggle__knob{width:20px;height:20px;transition:left var(--transition-fast);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.supplier-toggle__switch--active .supplier-toggle__knob{left:22px}.supplier-toggle__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.supplier-confirm-overlay{z-index:300;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.supplier-confirm{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;padding:var(--spacing-6)}.supplier-confirm__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2)}.supplier-confirm__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-5);line-height:1.5}.supplier-confirm__actions{justify-content:flex-end;gap:var(--spacing-3);display:flex}[data-theme=dark] .supplier-modal-overlay{background-color:#0f172ad9}[data-theme=dark] .supplier-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .supplier-modal__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom-color:#334155}[data-theme=dark] .supplier-modal__body{background-color:#0f172a}[data-theme=dark] .supplier-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark] .supplier-confirm-overlay{background-color:#0f172ad9}[data-theme=dark] .supplier-confirm{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark] .supplier-email{color:#5ea685}.ledger-type-badge{padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.ledger-type-badge--credit{color:#16a34a;background-color:#22c55e1a;border:1px solid #22c55e33}.ledger-type-badge--debit{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.ledger-amount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;text-align:right}.ledger-amount--credit{color:#16a34a}.ledger-amount--debit{color:#dc2626}.ledger-reference{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.ledger-linked-doc{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:4px;display:inline-flex}.ledger-linked-doc svg{flex-shrink:0}.ledger-type-toggle{gap:var(--spacing-2);display:flex}.ledger-type-toggle__btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border:2px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;flex:1;transition:all .15s;display:flex}.ledger-type-toggle__btn:hover:not(:disabled){border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.ledger-type-toggle__btn--active.ledger-type-toggle__btn--credit{color:#16a34a;font-weight:var(--font-weight-semibold);background-color:#22c55e1a;border-color:#16a34a}.ledger-type-toggle__btn--active.ledger-type-toggle__btn--debit{color:#dc2626;font-weight:var(--font-weight-semibold);background-color:#ef44441a;border-color:#dc2626}.ledger-type-toggle__btn:disabled{opacity:.6;cursor:not-allowed}.ledger-balance-hint{margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;display:block}.outstanding-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-5)}.outstanding-section__header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.outstanding-section__title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1);display:flex}.outstanding-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.btn--icon-sm{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.btn--icon-sm:hover{border-color:var(--color-primary-500);background-color:var(--color-primary-50);color:var(--color-primary-600)}.btn--icon-danger:hover{border-color:var(--color-danger);background-color:var(--color-danger-50,#fef2f2);color:var(--color-danger)}.ledger-search-input{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md)var(--radius-md)0 0;font-size:var(--font-size-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary);border-bottom:none;outline:none}.ledger-search-input:focus{border-color:var(--color-primary-500)}.ledger-status--completed{color:#16a34a;background-color:#22c55e1a}.ledger-status--pending{color:#b45309;background-color:#f59e0b1a}.ledger-status--failed{color:#dc2626;background-color:#ef44441a}.ledger-status--refunded{color:#6b7280;background-color:#6b72801a}.po-table__row--clickable{cursor:pointer;transition:var(--transition-transform),var(--transition-colors)}.po-table__row--clickable:hover{background-color:var(--color-surface-hover)}.po-table__row--clickable:active{transform:scale(.995)}.record-payment-overlay{z-index:300;animation:backdropFadeIn var(--duration-fast)var(--ease-out);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.record-payment-modal{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:480px;padding:var(--spacing-6)}.record-payment-modal__header{margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.record-payment-modal__title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex}.record-payment-modal__close{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.record-payment-modal__close:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.record-payment-modal__invoice-info{gap:var(--spacing-2)var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);grid-template-columns:1fr 1fr;display:grid}.record-payment-modal__info-label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.record-payment-modal__info-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.record-payment-modal__info-value--highlight{color:#dc2626}.record-payment-modal__form{gap:var(--spacing-4);flex-direction:column;display:flex}.record-payment-modal__row{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.record-payment-modal__actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light);display:flex}.record-payment-modal__error{font-size:var(--font-size-xs);color:#dc2626;margin-top:var(--spacing-1)}[data-theme=dark] .ledger-type-badge--credit{color:#4ade80;background-color:#22c55e33}[data-theme=dark] .ledger-type-badge--debit{color:#fca5a5;background-color:#ef444433}[data-theme=dark] .ledger-amount--credit{color:#4ade80}[data-theme=dark] .ledger-amount--debit{color:#fca5a5}[data-theme=dark] .ledger-reference{color:#cbd5e1;background-color:#334155}[data-theme=dark] .ledger-type-toggle__btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark] .ledger-type-toggle__btn:hover:not(:disabled){color:#f1f5f9;background-color:#334155}[data-theme=dark] .ledger-type-toggle__btn--active.ledger-type-toggle__btn--credit{color:#4ade80;background-color:#22c55e33;border-color:#22c55e}[data-theme=dark] .ledger-type-toggle__btn--active.ledger-type-toggle__btn--debit{color:#fca5a5;background-color:#ef444433;border-color:#ef4444}[data-theme=dark] .ledger-balance-hint{color:#fbbf24;background-color:#fbbf2426;border-color:#fbbf244d}[data-theme=dark] .ledger-search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .ledger-search-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .ledger-search-input::placeholder{color:#64748b}[data-theme=dark] .ledger-status--completed{color:#4ade80;background-color:#22c55e33}[data-theme=dark] .ledger-status--pending{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark] .outstanding-section{background-color:#1e293b;border-color:#334155}[data-theme=dark] .outstanding-section__header{border-bottom-color:#334155}[data-theme=dark] .record-payment-modal__actions{border-top-color:#334155}.inv-detail-page{gap:var(--spacing-6);flex-direction:column;max-width:960px;display:flex}.inv-detail-doc-wrapper{background-color:var(--color-neutral-100);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}@media print{.inv-detail-screen-only{display:none!important}.inv-detail-doc-wrapper{background:0 0;border:none;border-radius:0;padding:0}.inv-detail-page{gap:0}.inv-detail-page .inv-doc__header,.inv-detail-page .inv-doc__table thead,.inv-detail-page .inv-doc__grand-total-label,.inv-detail-page .inv-doc__grand-total-amount,.inv-detail-page .inv-doc__footer,.inv-detail-page .inv-doc__bank-icon,.inv-detail-page .inv-doc__bank-section,.inv-detail-page .inv-doc__logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.gc-status{padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.gc-status--purchased{color:#2563eb;background-color:#3b82f61a;border:1px solid #3b82f633}.gc-status--in_inventory{color:#16a34a;background-color:#22c55e1a;border:1px solid #22c55e33}.gc-status--redeemed{color:#b45309;background-color:#f59e0b1a;border:1px solid #f59e0b33}.gc-status--exhausted{color:#475569;background-color:#64748b1a;border:1px solid #64748b33}.gc-status--lost{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}.gc-value--full{color:#16a34a;font-weight:var(--font-weight-semibold)}.gc-value--partial{color:#b45309;font-weight:var(--font-weight-semibold)}.gc-value--zero{color:var(--color-text-muted)}.gc-allocation-bar{background-color:var(--color-neutral-200);border-radius:var(--radius-sm);width:100%;height:6px;margin-top:var(--spacing-2);overflow:hidden}.gc-allocation-bar__fill{border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal);background-color:#16a34a}.gc-allocation-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1);display:block}.gc-remaining--zero{color:#16a34a;font-weight:var(--font-weight-semibold)}.gc-remaining--has-funds{color:#b45309;font-weight:var(--font-weight-semibold)}.gc-card-checklist{border:1px solid var(--color-border-light);border-radius:var(--radius-md);max-height:200px;padding:var(--spacing-1);overflow-y:auto}.gc-card-checklist__item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--font-size-sm);display:flex}.gc-card-checklist__item--selected{background-color:#3b82f60d}.gc-card-checklist__checkbox{width:16px;height:16px;accent-color:var(--color-primary-600);border-radius:3px;flex-shrink:0}.gc-card-checklist__serial{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary)}.gc-card-checklist__denom{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-xs);margin-left:auto}.gc-card-checklist__summary{padding:var(--spacing-2)var(--spacing-2);margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-top:1px solid var(--color-border-light);justify-content:space-between;display:flex}.gc-redemption-lines{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.gc-redemption-lines__header{gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background-color:var(--color-surface-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 70px 90px 80px 36px;display:grid}.gc-redemption-line{gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-top:1px solid var(--color-border-light);grid-template-columns:1fr 70px 90px 80px 36px;align-items:center;display:grid}.gc-redemption-line input,.gc-redemption-line select{font-size:var(--font-size-sm);padding:var(--spacing-1)var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-primary);color:var(--color-text-primary)}.gc-redemption-line__total{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right}.gc-redemption-line__remove{cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gc-redemption-lines__add{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-primary-600);cursor:pointer;text-align:left;width:100%;font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast);background:0 0;border-bottom:none;border-left:none;border-right:none;display:flex}.gc-redemption-lines__add:hover{background-color:#3b82f60d}.gc-redemption-lines__total-row{padding:var(--spacing-2)var(--spacing-3);border-top:2px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;display:flex}.gc-amount-warning{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:#b45309;background-color:#f59e0b14;border:1px solid #f59e0b33;font-style:italic;display:flex}.gc-amount-warning svg{flex-shrink:0}.gc-detail-section{margin-bottom:var(--spacing-4)}.gc-detail-section__title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border-light);display:flex}.gc-detail-section__title svg{color:var(--color-primary-600);flex-shrink:0}.gc-detail-grid{gap:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);grid-template-columns:1fr 1fr;display:grid}.gc-detail-grid__label{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.gc-detail-grid__value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.gc-products-table{width:100%;font-size:var(--font-size-xs);border-collapse:collapse}.gc-products-table th{padding:var(--spacing-1)var(--spacing-2);background-color:var(--color-surface-secondary);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light)}.gc-products-table td{padding:var(--spacing-1)var(--spacing-2);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.gc-products-table td:last-child,.gc-products-table th:last-child{text-align:right}.gc-products-table tfoot td{font-weight:var(--font-weight-semibold);border-top:2px solid var(--color-border);border-bottom:none}.gc-serial-list{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.gc-serial-pill{padding:2px var(--spacing-2);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);display:inline-block}.gc-card-checklist{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-surface-primary);max-height:200px;overflow-y:auto}.gc-card-checklist--error{border-color:#dc2626}.gc-card-checklist__item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);font-size:var(--font-size-sm);display:flex}.gc-card-checklist__item:last-child{border-bottom:none}.gc-card-checklist__item:hover{background-color:var(--color-surface-secondary)}.gc-card-checklist__checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.gc-card-checklist__serial{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.gc-card-checklist__denomination{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:auto}.gc-card-checklist__empty{padding:var(--spacing-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.gc-card-checklist__summary{margin-top:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#16a34a;background-color:#22c55e0f;border:1px solid #22c55e26}.gc-redemption-drawer{max-width:620px}.gc-redemption-lines{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background-color:var(--color-surface-primary);overflow:visible}.gc-redemption-lines__header{gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background-color:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em;grid-template-columns:1fr 65px 100px 90px 36px;align-items:center;display:grid}.gc-redemption-lines__col--qty,.gc-redemption-lines__col--action{text-align:center}.gc-redemption-lines__col--total{text-align:right}.gc-redemption-line{gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-border-light);z-index:1;grid-template-columns:1fr 65px 100px 90px 36px;align-items:center;display:grid;position:relative}.gc-redemption-line:has(.filter-dropdown__menu--drawer){z-index:10}.gc-redemption-line:last-of-type{border-bottom:none}.gc-redemption-lines__col{align-items:center;display:flex}.gc-redemption-line__col{align-items:center;min-height:40px;display:flex}.gc-redemption-line__col--product{min-width:0;position:relative;overflow:visible}.gc-redemption-line__col--product .filter-dropdown--drawer{width:100%;max-width:100%}.gc-redemption-line__col--product .filter-dropdown__trigger--drawer{font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2);box-sizing:border-box;width:100%;min-height:34px}.gc-redemption-line__col--product .filter-dropdown__menu--drawer{min-width:280px;max-width:400px;left:0;right:auto}.gc-redemption-line__col--qty{justify-content:center}.gc-redemption-line__col--qty input,.gc-redemption-line__col--cost input{width:100%;font-size:var(--font-size-sm);padding:var(--spacing-1)var(--spacing-2);box-sizing:border-box;min-height:34px}.gc-redemption-line__col--cost .item-master-price-input__icon{width:12px;height:12px;left:6px}.gc-redemption-line__col--cost .item-master-price-input__field{padding-left:22px}.gc-redemption-line__col--total{justify-content:flex-end}.gc-redemption-line__total-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.gc-redemption-line__col--action{justify-content:center}.gc-redemption-line__remove{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gc-redemption-line__remove:hover{color:#dc2626;background-color:#dc262614}.gc-redemption-lines__add{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);border:none;border-top:1px solid var(--color-border-light);background:0 0;width:100%;display:flex}.gc-redemption-lines__add:hover{color:var(--color-primary-dark,#1d4ed8);background-color:#3b82f60a}.gc-redemption-mismatch-warning{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#b45309;font-weight:var(--font-weight-medium);background-color:#f59e0b14;border:1px solid #f59e0b33;display:flex}.gc-redemption-mismatch-warning svg{color:#d97706;flex-shrink:0}.gc-redemption-view-cards{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.gc-redemption-view-cards__item{padding:var(--spacing-2)var(--spacing-3);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.gc-redemption-view-cards__item:last-of-type{border-bottom:1px solid var(--color-border-light)}.gc-redemption-view-cards__serial{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.gc-redemption-view-cards__denomination{font-weight:var(--font-weight-semibold);color:#16a34a}.gc-redemption-view-cards__total{padding:var(--spacing-2)var(--spacing-3);background-color:var(--color-surface-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.gc-redemption-view-cards__total strong{color:var(--color-text-primary)}.gc-redemption-view-products{border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.gc-redemption-view-products__table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.gc-redemption-view-products__table thead{background-color:var(--color-surface-secondary)}.gc-redemption-view-products__table th{padding:var(--spacing-2)var(--spacing-3);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--color-border-light)}.gc-redemption-view-products__table td{padding:var(--spacing-2)var(--spacing-3);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.gc-redemption-view-products__table tbody tr:last-child td{border-bottom:none}.gc-redemption-view-products__sku{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.gc-redemption-view-products__total{padding:var(--spacing-2)var(--spacing-3);background-color:var(--color-surface-secondary);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.gc-redemption-view-products__total strong{color:var(--color-text-primary)}.filter-dropdown--drawer{width:100%;position:relative}.filter-dropdown__trigger--drawer{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:100%;padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.filter-dropdown__trigger--drawer:hover{border-color:var(--color-border-dark,var(--color-text-muted))}.filter-dropdown__trigger--drawer:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f626}.filter-dropdown__placeholder{color:var(--color-text-muted)}.filter-dropdown__menu--drawer{z-index:250;max-height:220px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.filter-dropdown__option--empty{color:var(--color-text-muted);cursor:default;font-style:italic}.filter-dropdown__option--empty:hover{background-color:#0000}.settings-page{gap:var(--spacing-6);min-height:calc(100vh - 200px);display:flex}.settings-tabs{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:260px;padding:var(--spacing-3);top:var(--spacing-4);flex-shrink:0;align-self:flex-start;position:sticky;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.settings-tabs__list{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-tab{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2_5)var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;display:flex}.settings-tab:hover{background-color:var(--color-neutral-50);color:var(--color-text-primary)}.settings-tab--active{background-color:var(--color-primary-50);color:var(--color-primary-700);border-left-color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.settings-tab__icon{flex-shrink:0;width:18px;height:18px}.settings-tab__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.settings-tab__badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);background-color:var(--color-neutral-100);color:var(--color-text-muted);font-weight:var(--font-weight-medium);padding:1px 6px}.settings-tab--active .settings-tab__badge{background-color:var(--color-primary-100);color:var(--color-primary-700)}.settings-content{flex-direction:column;flex:1;align-self:flex-start;min-width:0;display:flex}.settings-section{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-6);gap:var(--spacing-6);flex-direction:column;display:flex;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.settings-section__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.settings-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.settings-section__divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--spacing-6)0}.settings-form{gap:var(--spacing-5);flex-direction:column;max-width:100%;display:flex}.settings-form--wide{max-width:100%}.settings-form-row{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.settings-form-actions{justify-content:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-light);display:flex}.settings-avatar{align-items:center;gap:var(--spacing-5);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border-light);display:flex}.settings-avatar__wrapper{flex-shrink:0;width:80px;height:80px;position:relative}.settings-avatar__circle{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));color:#fff;width:80px;height:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-avatar__photo{object-fit:cover;border:2px solid var(--color-border-light);border-radius:50%;width:80px;height:80px}.settings-avatar__upload-btn{background-color:var(--color-primary-600);border:2px solid var(--color-surface-primary);cursor:pointer;width:28px;height:28px;transition:var(--transition-fast);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.settings-avatar__upload-btn:hover{background-color:var(--color-primary-700);transform:scale(1.05)}.settings-avatar__info{gap:var(--spacing-1);flex-direction:column;display:flex}.settings-avatar__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.settings-avatar__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.settings-role-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;align-items:center;padding:2px 10px;display:inline-flex}.settings-role-badge--admin{color:#7c3aed;background-color:#8b5cf61a}.settings-role-badge--accounts{color:#2563eb;background-color:#3b82f61a}.settings-role-badge--sales{color:#16a34a;background-color:#22c55e1a}.settings-role-badge--management{color:#d97706;background-color:#f59e0b1a}.settings-role-badge--readonly{background-color:var(--color-neutral-100);color:var(--color-text-muted)}.settings-password-group{align-items:center;display:flex;position:relative}.settings-password-group .create-po-input{width:100%;padding-right:var(--spacing-10)}.settings-password-group__toggle{right:var(--spacing-3);cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-1);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.settings-password-group__toggle:hover{color:var(--color-text-primary)}.settings-toggle-row{padding:var(--spacing-4)0;border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:flex-start;display:flex}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-row__info{margin-right:var(--spacing-4);flex:1}.settings-toggle-row__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--spacing-1)}.settings-toggle-row__description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0;line-height:1.5}.settings-radio-group{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.settings-radio{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:var(--transition-fast);background:0 0;display:flex}.settings-radio:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50)}.settings-radio--active{border-color:var(--color-primary-600);background-color:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-medium)}.settings-radio__dot{border:2px solid var(--color-border-default);width:16px;height:16px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-radio--active .settings-radio__dot{border-color:var(--color-primary-600)}.settings-radio__dot-inner{background-color:var(--color-primary-600);opacity:0;width:8px;height:8px;transition:var(--transition-fast);border-radius:50%}.settings-radio--active .settings-radio__dot-inner{opacity:1}.settings-colour-picker{align-items:center;gap:var(--spacing-3);display:flex}.settings-colour-picker__swatch{border-radius:var(--radius-md);border:2px solid var(--color-border-default);cursor:pointer;width:36px;height:36px;position:relative;overflow:hidden}.settings-colour-picker__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.settings-colour-picker__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.settings-system-info{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.settings-system-info__item{gap:var(--spacing-1);padding:var(--spacing-4);background-color:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-border-light);flex-direction:column;display:flex}.settings-system-info__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.settings-system-info__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-storage-bar{background-color:var(--color-neutral-200);border-radius:var(--radius-full);width:100%;height:8px;margin-top:var(--spacing-2);overflow:hidden}.settings-storage-bar__fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.settings-storage-bar__fill--warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.settings-storage-bar__fill--danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.settings-danger-zone{border-radius:var(--radius-lg);padding:var(--spacing-5);margin-top:var(--spacing-6);background-color:#ef444405;border:1px solid #ef44444d}.settings-danger-zone__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#dc2626;margin:0 0 var(--spacing-1)}.settings-danger-zone__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-4);line-height:1.5}.settings-danger-zone__actions{gap:var(--spacing-3);display:flex}.settings-export-group{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.settings-export-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-surface-primary);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);display:inline-flex}.settings-export-btn:hover{border-color:var(--color-primary-300);color:var(--color-primary-700);background-color:var(--color-primary-50)}.settings-export-btn__icon{width:16px;height:16px}.settings-toast{bottom:var(--spacing-4);right:var(--spacing-4);z-index:1000;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);animation:.3s settings-toast-in;display:flex;position:fixed}.settings-toast--success{color:#fff;background-color:#16a34a}.settings-toast--error{color:#fff;background-color:#dc2626}.settings-toast__icon{flex-shrink:0;width:18px;height:18px}@keyframes settings-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-user-status{align-items:center;gap:var(--spacing-1_5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.settings-user-status__dot{border-radius:50%;width:8px;height:8px}.settings-user-status--active .settings-user-status__dot{background-color:#22c55e}.settings-user-status--inactive .settings-user-status__dot{background-color:var(--color-neutral-400)}.settings-user-status--active{color:#16a34a}.settings-user-status--inactive{color:var(--color-text-muted)}.settings-textarea{width:100%;min-height:100px;padding:var(--spacing-2_5)var(--spacing-3);font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);resize:vertical;transition:var(--transition-fast);line-height:1.6}.settings-textarea:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus-ring);outline:none}.settings-placeholder-banner{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);margin-top:var(--spacing-4);background-color:#3b82f60f;border:1px solid #3b82f633;display:flex}.settings-placeholder-banner__icon{color:#3b82f6;flex-shrink:0;width:18px;height:18px}.settings-placeholder-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:900px){.settings-page{flex-direction:column}.settings-tabs{width:100%;position:static}.settings-tabs__list{gap:var(--spacing-1);padding-bottom:var(--spacing-1);flex-direction:row;overflow-x:auto}.settings-tab{white-space:nowrap;padding:var(--spacing-2)var(--spacing-3);border-bottom:3px solid #0000;border-left:none}.settings-tab--active{border-left-color:#0000;border-bottom-color:var(--color-primary-600)}.settings-form-row,.settings-system-info{grid-template-columns:1fr}}[data-theme=dark] .settings-page{background-color:#0f172a}[data-theme=dark] .settings-tabs{background-color:#1e293b;border-right-color:#334155}[data-theme=dark] .settings-tab{color:#cbd5e1}[data-theme=dark] .settings-tab:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark] .settings-tab--active{border-left-color:var(--color-primary-500);color:#4ade80;background-color:#14452f33}[data-theme=dark] .settings-content{background-color:#1e293b}[data-theme=dark] .settings-section{background-color:#1e293b;border-color:#334155}[data-theme=dark] .settings-form{background-color:#1e293b}[data-theme=dark] .settings-radio{background-color:#0f172a;border-color:#334155}[data-theme=dark] .settings-radio:hover{border-color:var(--color-primary-500)}[data-theme=dark] .settings-radio--active{border-color:var(--color-primary-500);color:#5ea685;background-color:#14452f33}[data-theme=dark] .settings-radio--active .settings-radio__dot{border-color:#5ea685}[data-theme=dark] .settings-radio--active .settings-radio__dot-inner{background-color:#5ea685}[data-theme=dark] .settings-toggle-row{border-bottom-color:#334155}[data-theme=dark] .settings-avatar{color:#cbd5e1;background-color:#334155}[data-theme=dark] .settings-role-badge{color:#4ade80;background-color:#14452f33}[data-theme=dark] .settings-system-info{background-color:#0f172a;border-color:#334155}[data-theme=dark] .settings-storage-bar{background-color:#334155}[data-theme=dark] .settings-danger-zone{background-color:#ef44441a;border-color:#ef44444d}[data-theme=dark] .settings-textarea{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark] .settings-textarea:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark] .settings-toast{background-color:#1e293b;border-color:#334155;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}.email-config-status{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);font-size:.875rem;font-weight:500;display:flex}.email-config-status--connected{background:var(--color-success-bg,#ecfdf5);color:var(--color-success,#059669);border:1px solid var(--color-success-border,#a7f3d0)}.email-config-status--disconnected{background:var(--color-warning-bg,#fffbeb);color:var(--color-warning,#d97706);border:1px solid var(--color-warning-border,#fde68a)}.email-config-badge{align-items:center;gap:var(--spacing-1);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.email-config-badge--completed{background:var(--color-success-bg,#ecfdf5);color:var(--color-success,#059669);border:1px solid var(--color-success-border,#a7f3d0)}.email-config-badge--pending{background:var(--color-warning-bg,#fffbeb);color:var(--color-warning,#d97706);border:1px solid var(--color-warning-border,#fde68a)}.email-config-form-header{margin-bottom:var(--spacing-5)}.email-config-back-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)0;cursor:pointer;color:var(--color-primary,#3b82f6);margin-bottom:var(--spacing-4);background:0 0;border:none;font-size:.8125rem;font-weight:500;transition:color .15s;display:inline-flex}.email-config-back-btn:hover{color:var(--color-primary-dark,#2563eb)}.email-config-company-title{align-items:center;gap:var(--spacing-3);display:flex}.email-config-readonly-field{background:var(--color-surface-alt,#f8fafc)!important;color:var(--color-text-secondary,#64748b)!important;cursor:default!important}.email-config-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border,#e2e8f0);display:flex}.create-po-hint{color:var(--color-text-tertiary,#94a3b8);margin-top:var(--spacing-1);font-size:.75rem;line-height:1.4;display:block}.email-placeholder-chips{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.email-placeholder-chips__label{color:var(--color-text-secondary,#64748b);font-size:.8125rem;font-weight:500}.email-placeholder-chip{padding:var(--spacing-1)var(--spacing-2);color:var(--color-primary,#3b82f6);background:var(--color-primary-bg,#eff6ff);border:1px solid var(--color-primary-light,#bfdbfe);border-radius:var(--radius-sm);cursor:pointer;align-items:center;font-family:SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:500;transition:background-color .15s;display:inline-flex}.email-placeholder-chip:hover{background:var(--color-primary-light,#dbeafe)}.email-template-textarea{resize:vertical;min-height:300px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5}.email-template-actions{gap:var(--spacing-3);margin-top:var(--spacing-4);align-items:center;display:flex}.email-template-btn--active{background:var(--color-primary-bg,#eff6ff)!important;border-color:var(--color-primary,#3b82f6)!important;color:var(--color-primary,#3b82f6)!important}.email-template-preview{margin-top:var(--spacing-4);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md);overflow:hidden}.email-template-preview__header{padding:var(--spacing-3)var(--spacing-4);background:var(--color-surface-alt,#f8fafc);border-bottom:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#1a1a2e);font-size:.875rem}.email-template-preview__body{padding:var(--spacing-4);background:#fff;max-height:500px;overflow-y:auto}.create-po-btn--ghost{color:var(--color-text-secondary,#64748b);cursor:pointer;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.create-po-btn--ghost:hover{background:var(--color-hover-bg,#f1f5f9);color:var(--color-text,#1a1a2e)}.bill-to-email-hint{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);color:var(--color-primary,#3b82f6);font-size:.8125rem;display:flex}.bill-to-email-hint--missing{color:var(--color-text-tertiary,#94a3b8)}.email-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s email-fade-in;display:flex;position:fixed;inset:0}@keyframes email-fade-in{0%{opacity:0}to{opacity:1}}.email-modal{background:var(--color-surface,#fff);border-radius:var(--radius-lg,12px);width:100%;max-width:480px;animation:.2s email-slide-up;box-shadow:0 20px 60px #00000026}@keyframes email-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.email-modal__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;display:flex}.email-modal__title{color:var(--color-text,#1a1a2e);margin:0;font-size:1rem;font-weight:600}.email-modal__close{width:32px;height:32px;color:var(--color-text-secondary,#64748b);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.email-modal__close:hover{background:var(--color-hover-bg,#f1f5f9)}.email-modal__body{padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.email-modal__field{align-items:baseline;gap:var(--spacing-3);display:flex}.email-modal__label{color:var(--color-text-secondary,#64748b);min-width:80px;font-size:.8125rem;font-weight:600}.email-modal__value{color:var(--color-text,#1a1a2e);font-size:.875rem}.email-modal__attachment{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);background:var(--color-surface-alt,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-sm);font-family:SFMono-Regular,Consolas,monospace;font-size:.8125rem;display:inline-flex}.email-modal__footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-border,#e2e8f0);display:flex}.email-toast{bottom:var(--spacing-6);right:var(--spacing-6);align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);z-index:1001;font-size:.875rem;font-weight:500;animation:.2s email-toast-in;display:flex;position:fixed;box-shadow:0 4px 12px #0000001a}@keyframes email-toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.email-toast--success{background:var(--color-success-bg,#ecfdf5);color:var(--color-success,#059669);border:1px solid var(--color-success-border,#a7f3d0)}.email-toast--error{background:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#dc2626);border:1px solid var(--color-danger-border,#fecaca)}.email-progress{padding:var(--spacing-4)var(--spacing-5)}.email-progress__text{color:var(--color-text,#1a1a2e);margin-bottom:var(--spacing-2);font-size:.875rem}.email-progress__bar{background:var(--color-border,#e2e8f0);border-radius:3px;width:100%;height:6px;overflow:hidden}.email-progress__fill{background:var(--color-primary,#3b82f6);border-radius:3px;height:100%;transition:width .3s}.email-spin{animation:1s linear infinite email-spin}@keyframes email-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activity-timestamp{flex-direction:column;gap:2px;display:flex}.activity-timestamp__date{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.activity-timestamp__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Courier New,monospace}.activity-user{flex-direction:column;gap:2px;display:flex}.activity-user__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.activity-user__role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-action-badge{padding:var(--spacing-1)var(--spacing-3);text-transform:capitalize;white-space:nowrap;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.activity-action-badge--success{color:#16a34a;background:#e7f7ed}.activity-action-badge--danger{color:#dc2626;background:#fee}.activity-action-badge--critical{color:#991b1b;background:#fef2f2;font-weight:600}.activity-action-badge--warning{color:#ea580c;background:#fff7ed}.activity-action-badge--info{color:#2563eb;background:#eff6ff}.activity-category-badge{padding:var(--spacing-1)var(--spacing-3);text-transform:capitalize;white-space:nowrap;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.activity-category-badge--primary{color:#2563eb;background:#eff6ff}.activity-category-badge--critical{color:#991b1b;background:#fef2f2}.activity-category-badge--success{color:#16a34a;background:#e7f7ed}.activity-category-badge--info{color:#0284c7;background:#f0f9ff}.activity-category-badge--warning{color:#ea580c;background:#fff7ed}.activity-category-badge--neutral{background:var(--bg-secondary);color:var(--text-secondary)}.activity-description{color:var(--text-primary);max-width:400px;font-size:.875rem;line-height:1.5}.activity-entity{flex-direction:column;gap:2px;display:flex}.activity-entity__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.activity-entity__id{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Courier New,monospace}.activity-ip{color:var(--color-text-primary);background:var(--color-surface-secondary);padding:var(--spacing-1)var(--spacing-2);border-radius:4px;font-family:Courier New,monospace;font-size:.8125rem;display:inline-block}.activity-device{align-items:center;gap:var(--spacing-2);color:var(--text-primary);font-size:.875rem;display:flex}.activity-device svg{color:var(--text-secondary)}.activity-device-type{text-transform:capitalize}.severity-icon{display:inline-block}.severity-icon--critical{color:#dc2626}.severity-icon--warning{color:#ea580c}.severity-icon--info{color:#6b7280}.activity-detail-drawer{width:560px;max-width:90vw}.activity-detail-content{gap:var(--spacing-8)}.activity-detail-section{gap:var(--spacing-5);flex-direction:column;display:flex}.activity-detail-section__title{color:var(--color-text-primary);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light);margin:0;font-size:.9375rem;font-weight:600}.activity-detail-grid{gap:var(--spacing-5)var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}.activity-detail-field{gap:var(--spacing-1);flex-direction:column;display:flex}.activity-detail-field--full{grid-column:1/-1}.activity-detail-field__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:600}.activity-detail-field__value{color:var(--color-text-primary);font-size:.875rem;line-height:1.5}.activity-detail-field .activity-action-badge,.activity-detail-field .activity-category-badge{width:fit-content}.activity-user-agent{background:var(--color-surface-secondary);padding:var(--spacing-2);word-break:break-all;border-radius:4px;font-family:Courier New,monospace;font-size:.6875rem;line-height:1.4}.activity-changes{gap:var(--spacing-2);flex-direction:column;display:flex}.activity-change-item{background:var(--color-surface-secondary);padding:var(--spacing-3);gap:var(--spacing-2);border-radius:6px;flex-direction:column;display:flex}.activity-change-item__field{color:var(--color-text-primary);font-size:.8125rem;font-weight:600}.activity-change-item__values{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.activity-change-item__old,.activity-change-item__new{gap:var(--spacing-1);flex-direction:column;display:flex}.activity-change-item__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.activity-change-item__value{padding:var(--spacing-2);border-radius:4px;font-family:Courier New,monospace;font-size:.875rem}.activity-change-item__old .activity-change-item__value{color:#dc2626;background:#fee;text-decoration:line-through}.activity-change-item__new .activity-change-item__value{color:#16a34a;background:#e7f7ed}@media(max-width:1400px){.activity-description{max-width:300px}}@media(max-width:1200px){.activity-detail-grid,.activity-change-item__values{grid-template-columns:1fr}}@media(max-width:768px){.activity-detail-drawer{width:100%;max-width:100%}.activity-description{max-width:200px}.po-table th:nth-child(7),.po-table td:nth-child(7),.po-table th:nth-child(8),.po-table td:nth-child(8){display:none}}.rp-toolbar{padding:var(--spacing-3)0 var(--spacing-3)var(--spacing-4);background:linear-gradient(to right,var(--color-primary-50,#eef2ff) calc(100% - 320px),transparent calc(100% - 320px));border-bottom:1px solid var(--color-neutral-200);align-items:center;display:flex}.rp-toolbar__left{align-items:center;gap:var(--spacing-3);flex:1;min-width:0;display:flex}.rp-toolbar__actions{flex-shrink:0;gap:0;width:320px;display:flex}.rp-toolbar__action-label{text-align:center;text-transform:uppercase;letter-spacing:.05em;width:80px;padding:var(--spacing-1)0;font-size:.75rem;font-weight:600}.rp-col--create,.rp-col--edit,.rp-col--delete,.rp-col--view{background:0 0}.rp-toolbar__action-label.rp-col--create{color:#4b5563}.rp-toolbar__action-label.rp-col--edit{color:#065f46}.rp-toolbar__action-label.rp-col--delete{color:#991b1b}.rp-toolbar__action-label.rp-col--view{color:#1e40af}.rp-role-selector__label{color:var(--color-text-primary);white-space:nowrap;font-size:.9375rem;font-weight:600}.rp-role-selector__dropdown{min-width:220px;position:relative}.rp-role-selector__trigger{width:100%;padding:var(--spacing-2)var(--spacing-3);background:var(--color-white);border:1px solid var(--color-neutral-300);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast);border-radius:8px;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.rp-role-selector__trigger:hover{border-color:var(--color-primary-400)}.rp-role-selector__trigger:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #6366f11a}.rp-role-selector__trigger svg{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.rp-role-selector__trigger--open svg{transform:rotate(180deg)}.rp-role-selector__menu{background:var(--color-white);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-lg);z-index:50;padding:var(--spacing-1)0;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0}.rp-role-selector__option{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2)var(--spacing-3);color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.875rem;display:flex}.rp-role-selector__option:hover{background:var(--color-neutral-50)}.rp-role-selector__option--active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:500}.rp-role-selector__option .check-icon{width:14px;height:14px;color:var(--color-primary-600)}.rp-matrix{border:1px solid var(--color-neutral-200);background:linear-gradient(90deg,#fff calc(100% - 320px),#0000 calc(100% - 320px)),#fff linear-gradient(90deg,#f3f4f6 0 80px,#ecfdf5 80px 160px,#fef2f2 160px 240px,#eff6ff 240px 320px) 100% 0/320px 100% no-repeat;border-radius:12px;position:relative;overflow:hidden}.rp-module{position:relative}.rp-module+.rp-module:before{content:"";background:var(--color-neutral-200);z-index:1;height:1px;position:absolute;top:0;left:0;right:320px}.rp-module__header{padding:var(--spacing-4)0 var(--spacing-4)var(--spacing-4);align-items:stretch;gap:var(--spacing-3);display:flex}.rp-module__checkbox{flex-shrink:0;align-self:center;width:20px;height:20px;position:relative}.rp-module__checkbox input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.rp-module__checkbox-visual{border:2px solid var(--color-neutral-300);background:var(--color-white);width:20px;height:20px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.rp-module__checkbox input:checked+.rp-module__checkbox-visual{background:var(--color-primary-600);border-color:var(--color-primary-600)}.rp-module__checkbox input:indeterminate+.rp-module__checkbox-visual{background:var(--color-warning-500,#f59e0b);border-color:var(--color-warning-500,#f59e0b)}.rp-module__checkbox-visual svg{width:14px;height:14px;color:var(--color-white)}.rp-module__info{flex:1;align-self:center;min-width:0}.rp-module__title{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:600}.rp-module__subtitle{color:var(--color-primary-600);cursor:pointer;align-items:center;gap:var(--spacing-1);background:0 0;border:none;margin-top:2px;padding:0;font-family:inherit;font-size:.8125rem;display:inline-flex}.rp-module__subtitle:hover{color:var(--color-primary-700);text-decoration:underline}.rp-module__subtitle svg{width:14px;height:14px;transition:transform var(--transition-fast)}.rp-module__subtitle--expanded svg{transform:rotate(180deg)}.rp-module__toggles{flex-shrink:0;align-self:stretch;gap:0;width:320px;display:flex}.rp-toggle{justify-content:center;align-self:stretch;align-items:center;width:80px;display:flex}.rp-toggle__switch{cursor:pointer;width:40px;height:22px;transition:background-color var(--transition-fast);border:none;border-radius:11px;padding:0;position:relative}.rp-toggle__switch--none{background-color:var(--color-neutral-300)}.rp-toggle__switch--partial{background-color:var(--color-warning-500,#f59e0b)}.rp-toggle__switch--full{background-color:var(--color-success-500,#22c55e)}.rp-toggle__knob{background:var(--color-white);width:18px;height:18px;transition:left var(--transition-fast);border-radius:50%;position:absolute;top:2px;box-shadow:0 1px 3px #0003}.rp-toggle__switch--none .rp-toggle__knob{left:2px}.rp-toggle__switch--partial .rp-toggle__knob{left:11px}.rp-toggle__switch--full .rp-toggle__knob{left:20px}.rp-module__pages{border-top:1px solid var(--color-neutral-100);padding:var(--spacing-2)0 var(--spacing-3)var(--spacing-4);background:linear-gradient(to right,var(--color-neutral-50) calc(100% - 320px),transparent calc(100% - 320px))}.rp-page-row{padding:var(--spacing-2)0 var(--spacing-2)0;align-items:stretch;gap:var(--spacing-3);display:flex}.rp-page-row:not(:last-child){border-bottom:1px solid var(--color-neutral-100)}.rp-page-row__checkbox{width:18px;height:18px;margin-left:var(--spacing-6);flex-shrink:0;align-self:center;position:relative}.rp-page-row__checkbox input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.rp-page-row__checkbox-visual{border:2px solid var(--color-neutral-300);background:var(--color-white);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.rp-page-row__checkbox input:checked+.rp-page-row__checkbox-visual{background:var(--color-primary-600);border-color:var(--color-primary-600)}.rp-page-row__checkbox-visual svg{width:12px;height:12px;color:var(--color-white)}.rp-page-row__label{color:var(--color-text-secondary);flex:1;align-self:center;min-width:0;font-size:.8125rem}.rp-page-row__actions{flex-shrink:0;gap:0;width:320px;display:flex}.rp-page-row__action{justify-content:center;align-self:stretch;align-items:center;width:80px;display:flex}.rp-checkbox{width:18px;height:18px;position:relative}.rp-checkbox input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.rp-checkbox__visual{border:2px solid var(--color-neutral-300);background:var(--color-white);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.rp-checkbox input:checked+.rp-checkbox__visual{background:var(--color-primary-600);border-color:var(--color-primary-600)}.rp-checkbox__visual svg{width:12px;height:12px;color:var(--color-white)}.rp-save-bar{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:1px solid var(--color-neutral-200);display:flex}.rp-save-bar__btn{padding:var(--spacing-2)var(--spacing-6);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-size:.875rem;font-weight:500}.rp-save-bar__btn--primary{background:var(--color-primary-600);color:var(--color-white)}.rp-save-bar__btn--primary:hover{background:var(--color-primary-700)}.rp-save-bar__btn--secondary{background:var(--color-white);color:var(--color-text-secondary);border:1px solid var(--color-neutral-300)}.rp-save-bar__btn--secondary:hover{background:var(--color-neutral-50)}.rp-role-badge{text-transform:capitalize;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.rp-role-badge--admin{color:#7c3aed;background:#7c3aed1a}.rp-role-badge--accounts{color:#2563eb;background:#2563eb1a}.rp-role-badge--sales{color:#16a34a;background:#16a34a1a}.rp-role-badge--management{color:#d97706;background:#d977061a}.rp-role-badge--read_only{color:#64748b;background:#64748b1a}.rp-toast{bottom:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);color:var(--color-white);z-index:1000;border-radius:8px;font-size:.875rem;font-weight:500;animation:.3s ease-out rp-toast-in;position:fixed}.rp-toast--success{background:var(--color-success-500,#22c55e)}.rp-toast--error{background:var(--color-danger-500,#ef4444)}@keyframes rp-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .rp-toolbar{background:linear-gradient(90deg,#1e293b calc(100% - 320px),#0000 calc(100% - 320px));border-bottom-color:#334155}[data-theme=dark] .rp-toolbar__action-label.rp-col--create{color:#9ca3af}[data-theme=dark] .rp-toolbar__action-label.rp-col--edit{color:#6ee7b7}[data-theme=dark] .rp-toolbar__action-label.rp-col--delete{color:#fca5a5}[data-theme=dark] .rp-toolbar__action-label.rp-col--view{color:#93c5fd}[data-theme=dark] .rp-role-selector__trigger{color:#f1f5f9;background:#0f172a;border-color:#334155}[data-theme=dark] .rp-role-selector__trigger:hover{border-color:var(--color-primary-400)}[data-theme=dark] .rp-role-selector__menu{background:#1e293b;border-color:#334155}[data-theme=dark] .rp-role-selector__option{color:#f1f5f9}[data-theme=dark] .rp-role-selector__option:hover{background:#334155}[data-theme=dark] .rp-role-selector__option--active{color:#4ade80;background:#14452f33}[data-theme=dark] .rp-matrix{background:linear-gradient(90deg,#1e293b calc(100% - 320px),#0000 calc(100% - 320px)),#1e293b linear-gradient(90deg,#334155 0 80px,#064e3b33 80px 160px,#7f1d1d33 160px 240px,#1e40af33 240px 320px) 100% 0/320px 100% no-repeat;border-color:#334155}[data-theme=dark] .rp-module+.rp-module:before{background:#334155}[data-theme=dark] .rp-module__title{color:#f1f5f9}[data-theme=dark] .rp-module__checkbox-visual{background:#0f172a;border-color:#475569}[data-theme=dark] .rp-module__subtitle{color:#4ade80}[data-theme=dark] .rp-module__subtitle:hover{color:#86efac}[data-theme=dark] .rp-module__pages{background:linear-gradient(90deg,#0f172a calc(100% - 320px),#0000 calc(100% - 320px));border-top-color:#334155}[data-theme=dark] .rp-page-row:not(:last-child){border-bottom-color:#334155}[data-theme=dark] .rp-page-row__label{color:#cbd5e1}[data-theme=dark] .rp-page-row__checkbox-visual,[data-theme=dark] .rp-checkbox__visual{background:#0f172a;border-color:#475569}[data-theme=dark] .rp-toggle__switch--none{background-color:#475569}[data-theme=dark] .rp-toggle__knob{background:#e2e8f0}[data-theme=dark] .rp-save-bar{border-top-color:#334155}[data-theme=dark] .rp-save-bar__btn--secondary{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .rp-save-bar__btn--secondary:hover{background:#334155}[data-theme=dark] .rp-role-badge--admin{color:#c4b5fd;background:#7c3aed33}[data-theme=dark] .rp-role-badge--accounts{color:#93c5fd;background:#2563eb33}[data-theme=dark] .rp-role-badge--sales{color:#86efac;background:#16a34a33}[data-theme=dark] .rp-role-badge--management{color:#fcd34d;background:#d9770633}[data-theme=dark] .rp-role-badge--read_only{color:#94a3b8;background:#64748b33}[data-theme=dark] .rp-toast{box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}.kyc-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:inline-flex}.kyc-status--pending{color:#b45309;background-color:#f59e0b1f;border:1px solid #f59e0b4d}.kyc-status--uploaded{color:#2563eb;background-color:#3b82f61a;border:1px solid #3b82f640}.kyc-status--rejected{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444440}.kyc-status--validated{color:#16a34a;background-color:#22c55e1a;border:1px solid #22c55e40}.kyc-warning{border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#92400e;margin-bottom:var(--spacing-4);background-color:#f59e0b14;border:1px solid #f59e0b4d;align-items:center;gap:10px;padding:10px 14px;display:flex}.kyc-warning__icon{color:#d97706;flex-shrink:0;width:18px;height:18px}.kyc-warning__text{line-height:1.4}.kyc-warning__text strong{font-weight:600}.kyc-upload{gap:var(--spacing-3);flex-direction:column;display:flex}.kyc-upload__dropzone{padding:var(--spacing-6)var(--spacing-4);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .15s;display:flex}.kyc-upload__dropzone:hover{border-color:var(--color-primary);background-color:#3b82f60a}.kyc-upload__dropzone--dragging{border-color:var(--color-primary);background-color:#3b82f614}.kyc-upload__dropzone-icon{width:32px;height:32px;color:var(--color-text-tertiary)}.kyc-upload__dropzone-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.kyc-upload__dropzone-text strong{color:var(--color-primary);font-weight:600}.kyc-upload__dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.kyc-upload__file{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 14px;display:flex}.kyc-upload__file-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-primary);background-color:#3b82f61a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kyc-upload__file-info{flex:1;min-width:0}.kyc-upload__file-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.kyc-upload__file-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.kyc-upload__file-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.kyc-upload__file-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.kyc-upload__file-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.kyc-upload__file-btn--danger:hover{color:#dc2626;background:#ef444414;border-color:#ef44444d}.kyc-status-display{margin-top:var(--spacing-2);align-items:center;gap:10px;display:flex}.kyc-status-display__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.kyc-action-btn{border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;border:1px solid #0000;align-items:center;gap:4px;padding:4px 12px;font-weight:600;transition:all .15s;display:inline-flex}.kyc-action-btn--validate{color:#16a34a;background-color:#22c55e1a;border-color:#22c55e4d}.kyc-action-btn--validate:hover{background-color:#22c55e33}.kyc-action-btn--reject{color:#dc2626;background-color:#ef444414;border-color:#ef444440}.kyc-action-btn--reject:hover{background-color:#ef444426}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}