@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-9:2.25rem;--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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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:#fef9f0;--color-primary-100:#fdf3e3;--color-primary-200:#f4e0c4;--color-primary-300:#ebcda4;--color-primary-400:#e1ba85;--color-primary-500:#d8a765;--color-primary-600:#cf9446;--color-primary-700:#ae7b37;--color-primary-800:#8c6329;--color-primary-900:#6b4a1a;--color-primary-alpha-10:#cf94461a;--color-primary-alpha-20:#cf944633;--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:#fbfaf7;--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],.app[data-mode=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:#1b1814;--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:"Geist",-apple-system,system-ui,sans-serif;--font-family-mono:"Geist",-apple-system,system-ui,sans-serif;--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],.app[data-mode=dark] .btn-secondary{color:#f1f5f9;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .btn-secondary:hover:not(:disabled){background-color:#475569}[data-theme=dark],.app[data-mode=dark] .btn-outline{color:#f1f5f9;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .btn-outline:hover:not(:disabled){background-color:#334155;border-color:#475569}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .form-label{color:#cbd5e1}[data-theme=dark],.app[data-mode=dark] .form-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .form-input::placeholder{color:#64748b}[data-theme=dark],.app[data-mode=dark] .form-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .form-input:disabled{color:#64748b;background-color:#334155}[data-theme=dark],.app[data-mode=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],.app[data-mode=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],.app[data-mode=dark] .card{background-color:#1e293b;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}[data-theme=dark],.app[data-mode=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{width:120px;height:120px;margin-bottom:var(--spacing-6);z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.auth-logo__img{object-fit:contain;width:100%;height:100%}.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-primary-50);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)}}.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],.app[data-mode=dark] .stats-section{background-color:#1e293b;border:1px solid #334155}[data-theme=dark],.app[data-mode=dark] .dashboard-card{background-color:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}[data-theme=dark],.app[data-mode=dark] .dashboard-card__header{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .stat-card{background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .stat-card--primary{background-color:#14452f26;border-color:#14452f4d}[data-theme=dark],.app[data-mode=dark] .stat-card--info{background-color:#3b82f626;border-color:#3b82f64d}[data-theme=dark],.app[data-mode=dark] .stat-card--danger{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark],.app[data-mode=dark] .stat-card--success{background-color:#22c55e26;border-color:#22c55e4d}[data-theme=dark],.app[data-mode=dark] .stat-card--warning{background-color:#d9770626;border-color:#d977064d}[data-theme=dark],.app[data-mode=dark] .mini-stat-card{background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .mini-stat-card__icon--green{color:#4ade80;background-color:#14452f4d}[data-theme=dark],.app[data-mode=dark] .mini-stat-card__icon--red{color:#fca5a5;background-color:#ef44444d}[data-theme=dark],.app[data-mode=dark] .mini-stat-card__icon--blue{color:#93c5fd;background-color:#3b82f64d}[data-theme=dark],.app[data-mode=dark] .mini-stat-card__icon--orange{color:#fdba74;background-color:#fb923c4d}[data-theme=dark],.app[data-mode=dark] .progress-card{background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .progress-card__bar{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .list-container{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .list-item{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .list-item:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .customer-item{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .customer-item:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .data-table{border-color:#334155}[data-theme=dark],.app[data-mode=dark] .data-table__header{background:linear-gradient(#1e293b,#0f172a);border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .data-table__header-cell{color:#94a3b8}[data-theme=dark],.app[data-mode=dark] .data-table__body{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .data-table__row{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .data-table__row:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .dashboard-card__action{color:#5ea685}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .invoice-imei-tag{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600);color:var(--color-neutral-300)}[data-theme=dark],.app[data-mode=dark] .invoice-imei-tag:hover:not(:disabled){border-color:var(--color-primary-400);color:var(--color-primary-300);background-color:#3b82f626}[data-theme=dark],.app[data-mode=dark] .invoice-imei-tag--selected{border-color:var(--color-primary-400);color:var(--color-primary-300);background-color:#3b82f633}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .filters-section{background-color:#1b1814;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark],.app[data-mode=dark] .date-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark]{filter:invert(.85)brightness(1.2)}.app[data-mode=dark] .date-input::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.2)}[data-theme=dark],.app[data-mode=dark] .date-input:focus{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=dark] .filter-dropdown__trigger{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .filter-dropdown__trigger:hover,.app[data-mode=dark] .filter-dropdown__trigger:focus{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .filter-dropdown__search{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .filter-dropdown__search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .filter-dropdown__option:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .filter-dropdown__option--selected{color:#4ade80;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .search-bar__input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .search-bar__input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .search-bar__icon{color:#64748b}[data-theme=dark],.app[data-mode=dark] .po-table-container{background-color:#1b1814;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-table__header{background:linear-gradient(#14452f26,#1e293b);border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-table__header-cell{color:#94a3b8}[data-theme=dark],.app[data-mode=dark] .po-table__body{background-color:#1b1814}[data-theme=dark],.app[data-mode=dark] .po-table__row{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-table__row:hover,.app[data-mode=dark] .po-table__row--clickable:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-table__row--overdue{background-color:#ef444414}[data-theme=dark],.app[data-mode=dark] .po-table__row--overdue:hover{background-color:#ef444426}[data-theme=dark],.app[data-mode=dark] .table-section{background-color:#1b1814;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .table-toolbar{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .pagination-container{border-top-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-status--draft{color:#d1d5db;background-color:#9ca3af33}[data-theme=dark],.app[data-mode=dark] .po-status--pending{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark],.app[data-mode=dark] .po-status--confirmed{color:#60a5fa;background-color:#60a5fa33}[data-theme=dark],.app[data-mode=dark] .po-status--completed{color:#4ade80;background-color:#22c55e33}[data-theme=dark],.app[data-mode=dark] .po-status--cancelled{color:#f87171;background-color:#ef444433}[data-theme=dark],.app[data-mode=dark] .filter-tag{color:#4ade80;background-color:#14452f33;border-color:#14452f66}[data-theme=dark],.app[data-mode=dark] .filter-tag__remove{background-color:#14452f4d}[data-theme=dark],.app[data-mode=dark] .filter-tag__remove:hover{background-color:#14452f80}[data-theme=dark],.app[data-mode=dark] .view-toggle{border-color:#334155}[data-theme=dark],.app[data-mode=dark] .view-toggle__btn{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .view-toggle__btn:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .view-toggle__btn--active{color:#4ade80;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .view-toggle__btn+.view-toggle__btn{border-left-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-empty-state{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .po-empty-state__icon{color:#64748b;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-header{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-back-btn{color:#cbd5e1;background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-back-btn:hover{color:#f1f5f9;border-color:var(--color-primary-500);background-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-btn--secondary{color:#fff;background:#475569;border-color:#64748b}[data-theme=dark],.app[data-mode=dark] .create-po-btn--secondary:hover{background:#64748b;border-color:#94a3b8}[data-theme=dark],.app[data-mode=dark] .create-po-section{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark],.app[data-mode=dark] .create-po-section__header{background:linear-gradient(#14452f26,#1e293b);border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-section__title{color:#4ade80}[data-theme=dark],.app[data-mode=dark] .create-po-section__body{background-color:#0f172a}[data-theme=dark],.app[data-mode=dark] .create-po-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .create-po-input--readonly{color:#94a3b8;cursor:not-allowed;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-input::placeholder{color:#64748b}[data-theme=dark],.app[data-mode=dark] .create-po-textarea{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-textarea:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .create-po-textarea::placeholder{color:#64748b}[data-theme=dark],.app[data-mode=dark] .create-po-select__trigger{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-select__trigger:hover,.app[data-mode=dark] .create-po-select__trigger:focus{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=dark] .create-po-select__trigger--open{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .create-po-select__placeholder{color:#64748b}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .create-po-select__search{background-color:#1e293b;border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-select__search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-select__search-input:focus{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=dark] .create-po-select__search-input::placeholder{color:#64748b}[data-theme=dark],.app[data-mode=dark] .create-po-select__option:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .create-po-select__option--selected{color:#4ade80;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .create-po-select__no-results{color:#94a3b8}[data-theme=dark],.app[data-mode=dark] .create-po-alert--error{color:#fca5a5;background-color:#ef444426;border-color:#ef44444d}[data-theme=dark],.app[data-mode=dark] .status-tabs{background-color:#0f172a;border-color:#334155;box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark],.app[data-mode=dark] .status-tab{color:#94a3b8}[data-theme=dark],.app[data-mode=dark] .status-tab:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .status-tab__count{color:#cbd5e1;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .status-tab--active .status-tab__count{color:#4ade80;background-color:#14452f4d}[data-theme=dark],.app[data-mode=dark] .po-action-btn--icon{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-action-btn--icon:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .po-actions-dropdown__item:hover{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-checkbox__input{background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .po-checkbox__input:hover{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=dark] .po-checkbox__input:focus{box-shadow:0 0 0 2px #14452f4d}[data-theme=dark],.app[data-mode=dark] .po-payment-status--unpaid{color:#fca5a5;background-color:#ef444433}[data-theme=dark],.app[data-mode=dark] .po-payment-status--partially_paid{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark],.app[data-mode=dark] .po-payment-status--paid{color:#4ade80;background-color:#22c55e33}[data-theme=dark],.app[data-mode=dark] .add-line-item-btn{color:#5ea685;background-color:#14452f33;border-color:#3d8968}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .item-master-modal-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=dark] .item-master-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .item-master-modal__body{background-color:#0f172a}[data-theme=dark],.app[data-mode=dark] .item-master-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark],.app[data-mode=dark] .item-master-confirm-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=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:var(--panel);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:var(--panel);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:var(--panel);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{background:var(--panel);color:#6b7280;cursor:pointer;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);background-color:var(--panel);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);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],.app[data-mode=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],.app[data-mode=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],.app[data-mode=dark] .invoice-preview-toolbar{background-color:#1e293b;border-color:#334155;box-shadow:0 1px 2px #0000004d}[data-theme=dark],.app[data-mode=dark] .invoice-preview-action-btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .invoice-preview-action-btn:hover{color:#f1f5f9;border-color:var(--color-primary-500);background-color:#334155}[data-theme=dark],.app[data-mode=dark] .inv-doc-wrapper{background-color:#334155;border-color:#475569}[data-theme=dark],.app[data-mode=dark] .inv-doc{color:#000;background-color:#fff}[data-theme=dark],.app[data-mode=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(--hair);flex-shrink:0;width:36px;height:36px}.company-email{color:var(--accent);font-size:var(--font-size-sm)}.company-status--active{color:#16a34a;background-color:#22c55e1f}.company-status--inactive{background-color:var(--hair);color:var(--ink-3)}.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(--panel);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(--hair);background:var(--accent);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.company-modal__header{background:color-mix(in oklch,var(--accent)6%,var(--panel))}}.company-modal__header{flex-shrink:0}.company-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--ink);margin:0}.company-modal__close{border:1px solid var(--hair);border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--ink-3);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.company-modal__close:hover{background-color:var(--hair-2);color:var(--ink)}.company-modal__body{padding:var(--spacing-5);gap:var(--spacing-4);background-color:var(--panel);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(--hair);justify-content:flex-end;gap:var(--spacing-3);background-color:var(--panel);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(--ink-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.company-section-divider:after{content:"";background-color:var(--hair);flex:1;height:1px}.company-color-input{align-items:center;gap:var(--spacing-3);padding:0 var(--spacing-3);border:1px solid var(--hair);border-radius:var(--radius-md);background-color:var(--panel-2);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(--hair);border-radius:var(--radius-sm)}.company-color-input__value{font-size:var(--font-size-sm);color:var(--ink-3);font-family:var(--font-mono)}.company-toggle{align-items:center;gap:var(--spacing-3);display:flex}.company-toggle__switch{background-color:var(--hair);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(--accent)}.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(--ink-2)}.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(--panel-2);border:1px solid var(--hair);border-radius:var(--radius-lg);box-shadow:var(--shadow-1,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(--ink);margin:0 0 var(--spacing-2)}.company-confirm__text{font-size:var(--font-size-sm);color:var(--ink-2);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(--hair);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(--hair);justify-content:center;align-items:center;display:flex}.company-photo-upload__btn{background-color:var(--accent);border:2px solid var(--panel);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{opacity:.85;transform:scale(1.05)}.company-photo-upload__info{flex:1}.company-photo-upload__text{font-size:var(--font-size-sm);color:var(--ink-3);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(--ink-3);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(--accent)}.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(--ink);margin:0 0 var(--spacing-1)}.company-form-page__subtitle{font-size:var(--font-size-sm);color:var(--ink-3);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(--panel-2);border:1px solid var(--hair);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(--ink);margin:0 0 var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--hair);align-items:center;gap:var(--spacing-2);display:flex}.company-form-card__title-icon{color:var(--accent)}.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(--hair);display:flex}.bank-accounts-list{gap:var(--spacing-3);flex-direction:column;display:flex}.bank-account-card{background-color:var(--hair-2);border:1px solid var(--hair);border-radius:var(--radius-md);padding:var(--spacing-4);transition:border-color var(--transition-fast);position:relative}.bank-account-card--primary{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card--primary{border-color:color-mix(in oklch,var(--accent)35%,transparent)}}.bank-account-card--primary{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card--primary{background-color:color-mix(in oklch,var(--accent)6%,transparent)}}.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(--ink)}.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(--accent);background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card__primary-badge{background-color:color-mix(in oklch,var(--accent)12%,transparent)}}.bank-account-card__primary-badge{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card__primary-badge{border:1px solid color-mix(in oklch,var(--accent)30%,transparent)}}.bank-account-card__primary-badge{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(--hair);border-radius:var(--radius-md);background-color:var(--panel-2);width:28px;height:28px;color:var(--ink-3);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(--hair-2);color:var(--ink)}.bank-account-card__btn--danger:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.bank-account-card__btn--primary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card__btn--primary:hover{border-color:color-mix(in oklch,var(--accent)35%,transparent)}}.bank-account-card__btn--primary:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-card__btn--primary:hover{background-color:color-mix(in oklch,var(--accent)8%,transparent)}}.bank-account-card__btn--primary:hover{color:var(--accent)}.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(--ink-3);text-transform:uppercase;letter-spacing:.04em}.bank-account-card__detail-value{font-size:var(--font-size-sm);color:var(--ink);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(--hair);border-radius:var(--radius-md);color:var(--ink-3);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(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-add-btn:hover{border-color:color-mix(in oklch,var(--accent)40%,transparent)}}.bank-account-add-btn:hover{color:var(--accent);background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-add-btn:hover{background-color:color-mix(in oklch,var(--accent)6%,transparent)}}.bank-account-form{background-color:var(--panel-2);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.bank-account-form{border:1px solid color-mix(in oklch,var(--accent)30%,transparent)}}.bank-account-form{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(--ink);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(--hair);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(--ink)}.bank-select-option__detail{font-size:var(--font-size-xs);color:var(--ink-3);font-family:var(--font-mono)}.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],.app[data-mode=dark] .customer-modal-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=dark] .customer-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark],.app[data-mode=dark] .customer-modal__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .customer-modal__body{background-color:#0f172a}[data-theme=dark],.app[data-mode=dark] .customer-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark],.app[data-mode=dark] .customer-confirm-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=dark] .customer-confirm{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .supplier-modal-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=dark] .supplier-modal-panel{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark],.app[data-mode=dark] .supplier-modal__header{background:linear-gradient(to bottom,var(--color-primary-50),var(--color-neutral-50));border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .supplier-modal__body{background-color:#0f172a}[data-theme=dark],.app[data-mode=dark] .supplier-modal__footer{background-color:#1e293b;border-top-color:#334155}[data-theme=dark],.app[data-mode=dark] .supplier-confirm-overlay{background-color:#0f172ad9}[data-theme=dark],.app[data-mode=dark] .supplier-confirm{background-color:#1e293b;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #0006}[data-theme=dark],.app[data-mode=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],.app[data-mode=dark] .ledger-type-badge--credit{color:#4ade80;background-color:#22c55e33}[data-theme=dark],.app[data-mode=dark] .ledger-type-badge--debit{color:#fca5a5;background-color:#ef444433}[data-theme=dark],.app[data-mode=dark] .ledger-amount--credit{color:#4ade80}[data-theme=dark],.app[data-mode=dark] .ledger-amount--debit{color:#fca5a5}[data-theme=dark],.app[data-mode=dark] .ledger-reference{color:#cbd5e1;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .ledger-type-toggle__btn{color:#cbd5e1;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .ledger-type-toggle__btn:hover:not(:disabled){color:#f1f5f9;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .ledger-type-toggle__btn--active.ledger-type-toggle__btn--credit{color:#4ade80;background-color:#22c55e33;border-color:#22c55e}[data-theme=dark],.app[data-mode=dark] .ledger-type-toggle__btn--active.ledger-type-toggle__btn--debit{color:#fca5a5;background-color:#ef444433;border-color:#ef4444}[data-theme=dark],.app[data-mode=dark] .ledger-balance-hint{color:#fbbf24;background-color:#fbbf2426;border-color:#fbbf244d}[data-theme=dark],.app[data-mode=dark] .ledger-search-input{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .ledger-search-input:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .ledger-search-input::placeholder{color:#64748b}[data-theme=dark],.app[data-mode=dark] .ledger-status--completed{color:#4ade80;background-color:#22c55e33}[data-theme=dark],.app[data-mode=dark] .ledger-status--pending{color:#fbbf24;background-color:#fbbf2433}[data-theme=dark],.app[data-mode=dark] .outstanding-section{background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .outstanding-section__header{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .record-payment-modal__actions{border-top-color:#334155}.inv-detail-page{width:100%}.inv-print-doc{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-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}.inv-detail-page{background:#fff!important;gap:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.inv-print-doc{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;display:block!important}.inv-print-doc .inv-doc__header,.inv-print-doc .inv-doc__table thead,.inv-print-doc .inv-doc__grand-total-label,.inv-print-doc .inv-doc__grand-total-amount,.inv-print-doc .inv-doc__footer,.inv-print-doc .inv-doc__bank-icon,.inv-print-doc .inv-doc__bank-section,.inv-print-doc .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)}.user-status--active{color:#16a34a;background-color:#22c55e1a}.user-status--inactive{background-color:var(--color-neutral-200);color:var(--color-text-secondary)}.user-btn--delete:hover{color:#dc2626;background-color:#ef44440d;border-color:#ef44444d}.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],.app[data-mode=dark] .settings-page{background-color:#0f172a}[data-theme=dark],.app[data-mode=dark] .settings-tabs{background-color:#1e293b;border-right-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-tab{color:#cbd5e1}[data-theme=dark],.app[data-mode=dark] .settings-tab:hover{color:#f1f5f9;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-tab--active{border-left-color:var(--color-primary-500);color:#4ade80;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .settings-content{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .settings-section{background-color:#1e293b;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-form{background-color:#1e293b}[data-theme=dark],.app[data-mode=dark] .settings-radio{background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-radio:hover{border-color:var(--color-primary-500)}[data-theme=dark],.app[data-mode=dark] .settings-radio--active{border-color:var(--color-primary-500);color:#5ea685;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .settings-radio--active .settings-radio__dot{border-color:#5ea685}[data-theme=dark],.app[data-mode=dark] .settings-radio--active .settings-radio__dot-inner{background-color:#5ea685}[data-theme=dark],.app[data-mode=dark] .settings-toggle-row{border-bottom-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-avatar{color:#cbd5e1;background-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-role-badge{color:#4ade80;background-color:#14452f33}[data-theme=dark],.app[data-mode=dark] .settings-system-info{background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-storage-bar{background-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-danger-zone{background-color:#ef44441a;border-color:#ef44444d}[data-theme=dark],.app[data-mode=dark] .settings-textarea{color:#f1f5f9;background-color:#0f172a;border-color:#334155}[data-theme=dark],.app[data-mode=dark] .settings-textarea:focus{border-color:var(--color-primary-500);background-color:#1e293b}[data-theme=dark],.app[data-mode=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:var(--panel);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:var(--panel-2);border-bottom:1px solid var(--hair);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;width:80px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;padding:var(--spacing-1)0;color:var(--ink-3);font-size:9.5px;font-weight:600}.rp-toolbar__action-label.rp-col--create{color:var(--ink-2)}.rp-toolbar__action-label.rp-col--edit{color:var(--pos)}.rp-toolbar__action-label.rp-col--delete{color:var(--neg)}.rp-toolbar__action-label.rp-col--view{color:var(--info)}.rp-role-selector__label{font-size:.8125rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap}.rp-role-selector__dropdown{min-width:200px;position:relative}.rp-role-selector__trigger{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-sm);width:100%;font-size:13px;font-family:var(--font-body);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;padding:8px 12px;transition:border-color .15s;display:flex}.rp-role-selector__trigger:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rp-role-selector__trigger:hover{border-color:color-mix(in oklch,var(--accent)40%,var(--hair))}}.rp-role-selector__trigger:focus{border-color:var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.rp-role-selector__trigger:focus{border-color:color-mix(in oklch,var(--accent)50%,transparent)}}.rp-role-selector__trigger:focus{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.rp-role-selector__trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent)12%,transparent)}}.rp-role-selector__trigger svg{width:15px;height:15px;color:var(--ink-3);transition:transform .15s}.rp-role-selector__trigger--open svg{transform:rotate(180deg)}.rp-role-selector__menu{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-md);z-index:50;padding:4px 0;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 24px 60px -16px #1a18142e,0 8px 22px -8px #1a18141a}.rp-role-selector__option{align-items:center;gap:var(--spacing-2);width:100%;font-size:13px;font-family:var(--font-body);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;padding:8px 12px;transition:background .1s;display:flex}.rp-role-selector__option:hover{background:var(--panel-2)}.rp-role-selector__option--active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rp-role-selector__option--active{background:color-mix(in oklch,var(--accent)8%,transparent)}}.rp-role-selector__option--active{color:var(--accent);font-weight:500}.rp-role-selector__option .check-icon{width:13px;height:13px;color:var(--accent)}.rp-matrix{border:1px solid var(--hair);border-radius:var(--r-md);background:linear-gradient(to right,var(--panel) calc(100% - 320px),transparent calc(100% - 320px)),linear-gradient(to right,var(--ink-4)0px,var(--ink-4)80px,var(--pos)80px,var(--pos)160px,var(--neg)160px,var(--neg)240px,var(--info)240px,var(--info)320px)right top/320px 100% no-repeat;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.rp-matrix{background:linear-gradient(to right,var(--panel) calc(100% - 320px),transparent calc(100% - 320px)),linear-gradient(to right,color-mix(in oklch,var(--ink-4)50%,transparent)0px80px,color-mix(in oklch,var(--pos)6%,transparent)80px160px,color-mix(in oklch,var(--neg)5%,transparent)160px240px,color-mix(in oklch,var(--info)5%,transparent)240px320px)right top/320px 100% no-repeat}}.rp-matrix{box-shadow:var(--shadow-1)}.rp-module{position:relative}.rp-module+.rp-module:before{content:"";background:var(--hair);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:18px;height:18px;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:1.5px solid var(--hair);background:var(--panel-2);border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff80}.rp-module__checkbox input:checked+.rp-module__checkbox-visual{background:var(--accent);border-color:var(--accent);box-shadow:none}.rp-module__checkbox input:indeterminate+.rp-module__checkbox-visual{background:var(--warn);border-color:var(--warn);box-shadow:none}.rp-module__checkbox-visual svg{color:#fff;width:11px;height:11px}.rp-module__info{flex:1;align-self:center;min-width:0}.rp-module__title{color:var(--ink);font-size:13.5px;font-weight:600;font-family:var(--font-body);margin:0}.rp-module__subtitle{font-size:11px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);cursor:pointer;text-transform:uppercase;opacity:.8;background:0 0;border:none;align-items:center;gap:3px;margin-top:2px;padding:0;transition:opacity .15s;display:inline-flex}.rp-module__subtitle:hover{opacity:1;text-decoration:underline}.rp-module__subtitle svg{width:13px;height:13px;transition:transform .15s}.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;border:none;border-radius:11px;width:38px;height:21px;padding:0;transition:background-color .15s;position:relative}.rp-toggle__switch--none{background:var(--ink-3)}@supports (color:color-mix(in lab,red,red)){.rp-toggle__switch--none{background:color-mix(in oklch,var(--ink-3)40%,transparent)}}.rp-toggle__switch--partial{background:var(--warn)}.rp-toggle__switch--full{background:var(--pos)}.rp-toggle__knob{background:#fff;border-radius:50%;width:17px;height:17px;transition:left .15s;position:absolute;top:2px;box-shadow:0 1px 3px #00000038}.rp-toggle__switch--none .rp-toggle__knob{left:2px}.rp-toggle__switch--partial .rp-toggle__knob{left:10px}.rp-toggle__switch--full .rp-toggle__knob{left:19px}.rp-module__pages{border-top:1px solid var(--hair-2);padding:var(--spacing-2)0 var(--spacing-3)var(--spacing-4);background:linear-gradient(to right,var(--panel-2) calc(100% - 320px),transparent calc(100% - 320px))}.rp-page-row{align-items:stretch;gap:var(--spacing-3);padding:7px 0;display:flex}.rp-page-row:not(:last-child){border-bottom:1px solid var(--hair-2)}.rp-page-row__checkbox{width:16px;height:16px;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:1.5px solid var(--hair);background:var(--panel-2);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff80}.rp-page-row__checkbox input:checked+.rp-page-row__checkbox-visual{background:var(--accent);border-color:var(--accent);box-shadow:none}.rp-page-row__checkbox-visual svg{color:#fff;width:10px;height:10px}.rp-page-row__label{font-size:12.5px;font-family:var(--font-body);color:var(--ink-2);flex:1;align-self:center;min-width:0}.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:16px;height:16px;position:relative}.rp-checkbox input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.rp-checkbox__visual{border:1.5px solid var(--hair);background:var(--panel-2);border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex;box-shadow:inset 0 1px #ffffff80}.rp-checkbox input:checked+.rp-checkbox__visual{background:var(--accent);border-color:var(--accent);box-shadow:none}.rp-checkbox__visual svg{color:#fff;width:10px;height:10px}.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(--hair);display:flex}.rp-save-bar__btn{font-size:12.5px;font-weight:600;font-family:var(--font-body);letter-spacing:-.005em;cursor:pointer;border:none;border-radius:11px;align-items:center;padding:9px 18px;transition:all .15s;display:inline-flex}.rp-save-bar__btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-press)}.rp-save-bar__btn--primary:hover{filter:brightness(1.06)}.rp-save-bar__btn--primary:disabled{opacity:.6;cursor:not-allowed}.rp-save-bar__btn--secondary{background:var(--panel);color:var(--ink);border:1px solid var(--hair);box-shadow:var(--shadow-1)}.rp-save-bar__btn--secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rp-save-bar__btn--secondary:hover{border-color:color-mix(in oklch,var(--accent)25%,var(--hair))}}.rp-role-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:2px 8px;font-size:9.5px;font-weight:600;display:inline-flex}.rp-role-badge--admin{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.rp-role-badge--admin{background:color-mix(in oklch,var(--accent)12%,transparent)}}.rp-role-badge--admin{color:var(--accent)}.rp-role-badge--accounts{background:var(--info-tint);color:var(--info)}.rp-role-badge--sales{background:var(--pos-tint);color:var(--pos)}.rp-role-badge--management{background:var(--warn-tint);color:var(--warn)}.rp-role-badge--read_only{background:var(--hair);color:var(--ink-3)}.rp-toast{bottom:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--r-sm);font-size:13px;font-family:var(--font-body);color:#fff;z-index:1000;font-weight:500;animation:.25s ease-out rp-toast-in;position:fixed}.rp-toast--success{background:var(--pos)}.rp-toast--error{background:var(--neg)}@keyframes rp-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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}.ug-page{gap:var(--spacing-6);flex-direction:column;display:flex}.ug-page-header{gap:var(--spacing-4);flex-direction:column;display:flex}@media(min-width:640px){.ug-page-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.ug-page-header__left{align-items:flex-start;gap:var(--spacing-3);display:flex}.ug-page-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}.ug-page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.ug-page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.ug-page-header__right{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.ug-scenario-banner{align-items:flex-start;gap:var(--spacing-3);background:var(--color-primary-50);border:1px solid var(--color-primary-alpha-20,#14452f26);border-radius:var(--radius-lg);padding:var(--spacing-4)var(--spacing-5);display:flex}.ug-scenario-banner__icon{flex-shrink:0;font-size:1.5rem;line-height:1}.ug-scenario-banner__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-primary-700,#14532d);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.ug-scenario-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.ug-search{width:100%;max-width:22rem;position:relative}.ug-search__icon{left:var(--spacing-3);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ug-search__input{width:100%;padding:var(--spacing-2)var(--spacing-3)var(--spacing-2)var(--spacing-9);background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}.ug-search__input::placeholder{color:var(--color-text-muted)}.ug-search__input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}.ug-search__clear{right:var(--spacing-3);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-0_5);border-radius:var(--radius-full);background:0 0;border:none;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ug-search__clear:hover{color:var(--color-text-primary)}.ug-body{gap:var(--spacing-6);grid-template-columns:240px 1fr;align-items:start;display:grid}@media(max-width:900px){.ug-body{grid-template-columns:1fr}}.ug-mobile-toggle{align-items:center;gap:var(--spacing-2);background:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;display:none}@media(max-width:900px){.ug-mobile-toggle{display:flex}}.ug-overlay{z-index:40;background:#00000073;position:fixed;inset:0}.ug-sidebar{background-color:var(--color-surface-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);max-height:calc(100vh - 5rem);box-shadow:var(--shadow-sm);padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;display:flex;position:sticky;top:4.5rem;overflow-y:auto}@media(max-width:900px){.ug-sidebar{z-index:50;width:280px;max-height:100vh;box-shadow:var(--shadow-xl);border-radius:0;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.ug-sidebar--open{transform:translate(0)}}.ug-sidebar__header{padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.ug-sidebar__actions{align-items:center;gap:var(--spacing-1);display:flex}.ug-sidebar__btn{font-size:var(--font-size-xs);color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.ug-sidebar__btn:hover{color:var(--color-primary-700)}.ug-sidebar-nav{gap:var(--spacing-1);flex-direction:column;display:flex}.ug-nav-group{flex-direction:column;display:flex}.ug-nav-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;width:100%;transition:background .15s,color .15s;display:flex}.ug-nav-item:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.ug-nav-item--active{background:var(--color-primary-50);color:var(--color-primary-600)}.ug-nav-item--purple.ug-nav-item--active{color:#7c3aed;background:#f3e8ff}.ug-nav-item--blue.ug-nav-item--active{color:#1d4ed8;background:#dbeafe}.ug-nav-item--green.ug-nav-item--active{background:var(--color-primary-50);color:var(--color-primary-600)}.ug-nav-item--amber.ug-nav-item--active{color:#d97706;background:#fef3c7}.ug-nav-sub{padding-left:var(--spacing-4);margin-top:var(--spacing-0_5);gap:var(--spacing-0_5);flex-direction:column;display:flex}.ug-nav-subitem{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;width:100%;transition:background .15s,color .15s;display:flex;overflow:hidden}.ug-nav-subitem:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.ug-nav-subitem--active{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.ug-content{gap:var(--spacing-4);flex-direction:column;min-width:0;display:flex}.ug-section-card{background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);scroll-margin-top:5rem;overflow:hidden}.ug-section-card--purple{border-left:3px solid #8b5cf6}.ug-section-card--blue{border-left:3px solid #3b82f6}.ug-section-card--green{border-left:3px solid var(--color-primary-600)}.ug-section-card--amber{border-left:3px solid #f59e0b}.ug-section-header{padding:var(--spacing-4)var(--spacing-5);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;transition:background .15s;display:flex}.ug-section-header:hover{background:var(--color-neutral-50)}.ug-section-header--static{cursor:default;padding-bottom:var(--spacing-3)}.ug-section-header--static:hover{background:0 0}.ug-section-header__left{align-items:center;gap:var(--spacing-3);display:flex}.ug-section-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.ug-section-icon--purple{color:#7c3aed;background:#f3e8ff}.ug-section-icon--blue{color:#1d4ed8;background:#dbeafe}.ug-section-icon--green{background:var(--color-primary-50);color:var(--color-primary-600)}.ug-section-icon--amber{color:#d97706;background:#fef3c7}.ug-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.ug-section-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.ug-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.ug-chevron--open{transform:rotate(180deg)}.ug-section-body{padding:0 var(--spacing-5)var(--spacing-5);border-top:1px solid var(--color-border-light)}.ug-steps-list{padding:0 var(--spacing-5)var(--spacing-4);border-top:1px solid var(--color-border-light);flex-direction:column;gap:0;display:flex}.ug-step-card{border-bottom:1px solid var(--color-border-light);scroll-margin-top:5rem}.ug-step-card:last-child{border-bottom:none}.ug-step-header{padding:var(--spacing-3)var(--spacing-2);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:var(--spacing-3);border-radius:var(--radius-md);background:0 0;border:none;width:100%;transition:background .15s;display:flex}.ug-step-header:hover{background:var(--color-neutral-50)}.ug-step-header__left{align-items:center;gap:var(--spacing-3);display:flex}.ug-step-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.ug-step-icon--purple{color:#7c3aed;background:#f3e8ff}.ug-step-icon--blue{color:#1d4ed8;background:#dbeafe}.ug-step-icon--green{background:var(--color-primary-50);color:var(--color-primary-600)}.ug-step-icon--amber{color:#d97706;background:#fef3c7}.ug-step-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ug-step-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.ug-step-body{padding:0 var(--spacing-2)var(--spacing-4);gap:var(--spacing-4);flex-direction:column;display:flex}.ug-route-badge{align-items:center;gap:var(--spacing-2);background:var(--color-neutral-100);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-1_5)var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:inline-flex}.ug-route-badge code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-primary-600);font-weight:var(--font-weight-medium)}.ug-step-content{gap:var(--spacing-4);flex-direction:column;display:flex}.ug-intro-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.ug-fields{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.ug-field-row{gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-border-light);background:var(--color-surface-primary);grid-template-columns:1fr 1fr 1.5fr;align-items:center;transition:background .1s;display:grid}.ug-field-row:last-child{border-bottom:none}.ug-field-row:hover{background:var(--color-neutral-50)}.ug-field-label{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:flex}.ug-field-example{font-size:var(--font-size-sm);color:var(--color-primary-600);font-family:var(--font-family-mono)}.ug-field-note{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}@media(max-width:640px){.ug-field-row{gap:var(--spacing-1);grid-template-columns:1fr}}.ug-badge{padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;display:inline-block}.ug-badge--required{color:#dc2626;background:#fee2e2}.ug-infobox{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);display:flex}.ug-infobox svg{flex-shrink:0;margin-top:2px}.ug-infobox--info{color:#1e40af;background:#dbeafe}.ug-infobox--tip{color:#15803d;background:#dcfce7}.ug-infobox--warning{color:#92400e;background:#fef3c7}.ug-status-legend{gap:var(--spacing-2);flex-direction:column;display:flex}.ug-status-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.ug-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.ug-dot--green{background:#22c55e}.ug-dot--blue{background:#3b82f6}.ug-dot--amber{background:#f59e0b}.ug-dot--grey{background:#9ca3af}.ug-dot--red{background:#ef4444}.ug-stock-legend{gap:var(--spacing-2);flex-direction:column;display:flex}.ug-stock-item{font-size:var(--font-size-sm);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md)}.ug-stock-item--green{color:#15803d;background:#dcfce7}.ug-stock-item--amber{color:#92400e;background:#fef3c7}.ug-stock-item--red{color:#dc2626;background:#fee2e2}.ug-calc-box{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.ug-calc-row{padding:var(--spacing-3)var(--spacing-5);border-bottom: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}.ug-calc-row:last-child{border-bottom:none}.ug-calc-row--total{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.ug-big-picture{gap:var(--spacing-5);padding-top:var(--spacing-4);flex-direction:column;display:flex}.ug-flow-chain{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.ug-flow-step{align-items:flex-start;gap:var(--spacing-2);background:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-3)var(--spacing-4);min-width:120px;display:flex}.ug-flow-step__num{border-radius:var(--radius-full);background:var(--color-primary-600);color:#fff;width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ug-flow-step__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ug-flow-step__sub{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-snug);margin-top:2px}.ug-flow-arrow{color:var(--color-text-muted);flex-shrink:0}@media(max-width:640px){.ug-flow-chain{flex-direction:column;align-items:flex-start}.ug-flow-arrow{padding-left:var(--spacing-5);transform:rotate(90deg)}}.ug-rules{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-4);background:var(--color-neutral-50)}.ug-rules__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-3)}.ug-rules__list{gap:var(--spacing-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ug-rules__list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.ug-header-stats{gap:var(--spacing-4);padding-top:var(--spacing-4);flex-direction:column;display:flex}.ug-stat-cards{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}@media(max-width:640px){.ug-stat-cards{grid-template-columns:1fr}}.ug-stat-card{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid #0000;display:flex}.ug-stat-card--blue{background:#dbeafe;border-color:#bfdbfe}.ug-stat-card--amber{background:#fef3c7;border-color:#fde68a}.ug-stat-card--green{background:#dcfce7;border-color:#bbf7d0}.ug-stat-card--red{background:#fee2e2;border-color:#fecaca}.ug-stat-card__icon{flex-shrink:0;margin-top:2px}.ug-stat-card--blue .ug-stat-card__icon{color:#1d4ed8}.ug-stat-card--amber .ug-stat-card__icon{color:#d97706}.ug-stat-card--green .ug-stat-card__icon{color:#15803d}.ug-stat-card--red .ug-stat-card__icon{color:#dc2626}.ug-stat-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.ug-stat-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.ug-stat-card__example{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-1);font-style:italic}.ug-summary-card{background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);border-left:3px solid var(--color-primary-600);padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;scroll-margin-top:5rem;display:flex}.ug-summary-card__header{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex}.ug-summary-card__header svg{color:var(--color-primary-600)}.ug-summary-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.ug-summary-table{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.ug-summary-row{gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);grid-template-columns:2rem 1fr 2.5fr 1.2fr;align-items:center;display:grid}.ug-summary-row:last-child{border-bottom:none}.ug-summary-row:hover{background:var(--color-neutral-50)}.ug-summary-row__step{border-radius:var(--radius-full);background:var(--color-primary-600);color:#fff;width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ug-summary-row__page{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ug-summary-row__action{color:var(--color-text-secondary)}.ug-summary-row__effect{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:right}.ug-summary-row__effect--highlight{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}@media(max-width:640px){.ug-summary-row{gap:var(--spacing-2);grid-template-columns:1.5rem 1fr}.ug-summary-row__action,.ug-summary-row__effect{text-align:left;grid-column:2}}.ug-profit-box{background:var(--color-primary-50);border:1px solid var(--color-primary-alpha-20,#14452f26);border-radius:var(--radius-lg);padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.ug-profit-box__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-bottom:var(--spacing-1)}.ug-profit-row{font-size:var(--font-size-sm);color:var(--color-text-secondary);justify-content:space-between;display:flex}.ug-profit-row--highlight{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);font-size:var(--font-size-base);border-top:1px solid var(--color-primary-alpha-20,#14452f26);padding-top:var(--spacing-2);margin-top:var(--spacing-1)}.ug-empty-state{text-align:center;padding:var(--spacing-12)var(--spacing-6);background:var(--color-surface-primary);border:1px dashed var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.ug-empty-state__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ug-empty-state__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:28rem}.ug-empty-state__clear{font:inherit;color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.ug-empty-state__clear:hover{color:var(--color-primary-700)}[data-theme=dark] .ug-section-card,[data-theme=dark] .ug-summary-card,[data-theme=dark] .ug-sidebar{background:#1e293b;border-color:#334155}[data-theme=dark] .ug-step-card,[data-theme=dark] .ug-steps-list,[data-theme=dark] .ug-sidebar__header,[data-theme=dark] .ug-fields,[data-theme=dark] .ug-calc-box,[data-theme=dark] .ug-summary-table,[data-theme=dark] .ug-rules{border-color:#334155}[data-theme=dark] .ug-field-row{background:#1e293b;border-color:#334155}[data-theme=dark] .ug-field-row:hover,[data-theme=dark] .ug-summary-row:hover,[data-theme=dark] .ug-section-header:hover,[data-theme=dark] .ug-step-header:hover,[data-theme=dark] .ug-nav-item:hover,[data-theme=dark] .ug-nav-subitem:hover{background:#0f172a}[data-theme=dark] .ug-infobox--info{color:#93c5fd;background:#3b82f626}[data-theme=dark] .ug-infobox--tip{color:#86efac;background:#22c55e26}[data-theme=dark] .ug-infobox--warning{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .ug-summary-row{border-color:#334155}[data-theme=dark] .ug-flow-step{background:#0f172a;border-color:#334155}[data-theme=dark] .ug-calc-row{border-color:#334155}[data-theme=dark] .ug-route-badge{background:#0f172a;border-color:#334155}[data-theme=dark] .ug-stat-card--blue{background:#3b82f626;border-color:#3b82f640}[data-theme=dark] .ug-stat-card--amber{background:#f59e0b26;border-color:#f59e0b40}[data-theme=dark] .ug-stat-card--green{background:#22c55e26;border-color:#22c55e40}[data-theme=dark] .ug-stat-card--red{background:#ef444426;border-color:#ef444440}[data-theme=dark] .ug-profit-box{background:#14452f33;border-color:#14452f66}.app *,.app :before,.app :after{box-sizing:border-box}.app{--r-xl:28px;--r-lg:20px;--r-md:14px;--r-sm:9px;--font-display:"Instrument Serif",Georgia,serif;--font-body:"Geist",-apple-system,system-ui,sans-serif;--font-mono:"Geist",-apple-system,system-ui,sans-serif;--bg:#f0ece3;--bg-tint:#e6e0d2;--ink:#300a01;--ink-2:#1a1814b8;--ink-3:#1a18147a;--ink-4:#1a18142e;--hair:#1a18141a;--hair-2:#1a18140d;--panel:#fbfaf7;--panel-2:#fffefb;--accent:#c1593f;--accent-ink:#fff;--pos:#2f6f4f;--pos-tint:#d6e6dc;--neg:#b03a2e;--neg-tint:#ecd6d1;--warn:#b6772a;--warn-tint:#ecdcc4;--info:#335c8a;--info-tint:#d4dfeb;--shadow-1:0 1px 0 #fff9 inset,0 1px 1px #1a18140a,0 22px 50px -30px #1a181433;--shadow-press:0 1px 0 #fff9 inset,0 28px 60px -28px #c1593f47,0 4px 12px -6px #1a18141a;font-family:var(--font-body),-apple-system,system-ui,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);color:var(--ink)}.app button{cursor:pointer;font-family:inherit}.app input{font-family:inherit}.app a{color:inherit;text-decoration:none;transition:none}.app a:hover{color:inherit}.app :focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.app[data-theme=terracotta]{--accent:#c1593f;--accent-2:#e08267}.app[data-theme=emerald]{--accent:#0f8a5b;--accent-2:#34d399;--bg:#ecefe6;--bg-tint:#dfe5d4}.app[data-theme=cobalt]{--accent:#2952cc;--accent-2:#5d80e6;--bg:#e8ebf2;--bg-tint:#d8dde9}.app[data-theme=plum]{--accent:#7c3aed;--accent-2:#c084fc;--bg:#ece8ef;--bg-tint:#ddd6e3}.app[data-theme=ink]{--accent:#1a1814;--accent-2:#4a463e;--bg:#efece4;--bg-tint:#e3dfd2}.app[data-theme=rose]{--accent:#b5547a;--accent-2:#d4839e;--bg:#f2e8ed;--bg-tint:#e8d6de}.app[data-theme=slate]{--accent:#3d6b8e;--accent-2:#6b97b8;--bg:#e6ecf0;--bg-tint:#d4dde5}.app[data-theme=amber]{--accent:#c47d0e;--accent-2:#e6a83c;--bg:#f2ede0;--bg-tint:#e8e0cc}.app[data-mode=dark]{--bg:#0f0d0a;--bg-tint:#1a1612;--ink:#f4efe4;--ink-2:#f4efe4b3;--ink-3:#f4efe475;--ink-4:#f4efe429;--hair:#f4efe41a;--hair-2:#f4efe40d;--panel:#1b1814;--panel-2:#221e18;--pos:#6cc197;--pos-tint:#6cc19724;--neg:#e07868;--neg-tint:#e0786829;--warn:#d99a4f;--warn-tint:#d99a4f29;--info:#7faad3;--info-tint:#7faad329;--shadow-1:0 1px 0 #ffffff0a inset,0 1px 1px #0006,0 22px 50px -30px #000000d9}.app[data-mode=dark][data-theme=terracotta]{--accent:#e08267;--accent-2:#c1593f;--bg:#15110d}.app[data-mode=dark][data-theme=emerald]{--accent:#34d399;--accent-2:#6ee7b7;--bg:#0a1410}.app[data-mode=dark][data-theme=cobalt]{--accent:#7da6f5;--accent-2:#a5c0fb;--bg:#0c1018}.app[data-mode=dark][data-theme=plum]{--accent:#c084fc;--accent-2:#e9d5ff;--bg:#120e18}.app[data-mode=dark][data-theme=ink]{--accent:#e4dfd1;--accent-2:#a8a397;--bg:#0c0a08}.app[data-mode=dark][data-theme=rose]{--accent:#e88cad;--accent-2:#f5b8ce;--bg:#180e12}.app[data-mode=dark][data-theme=slate]{--accent:#7fb8d8;--accent-2:#a8d0e6;--bg:#090e13}.app[data-mode=dark][data-theme=amber]{--accent:#e6a83c;--accent-2:#f5c96a;--bg:#130e04}.app{isolation:isolate;color-scheme:light;grid-template-columns:240px 1fr;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}.app[data-mode=dark]{color-scheme:dark}.app[data-rail=true]{grid-template-columns:76px 1fr}.app .paper{z-index:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .42 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.app[data-mode=dark] .paper{opacity:.07}.app .vignette{z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 0%,var(--accent),transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,var(--accent),transparent 60%);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.app .vignette{background:radial-gradient(ellipse 80% 50% at 20% 0%,color-mix(in oklch,var(--accent)12%,transparent),transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,color-mix(in oklch,var(--accent)8%,transparent),transparent 60%)}}.app[data-mode=dark] .vignette{background:radial-gradient(ellipse 80% 50% at 20% 0%,var(--accent),transparent 65%),radial-gradient(ellipse 60% 50% at 100% 100%,var(--accent),transparent 60%)}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .vignette{background:radial-gradient(ellipse 80% 50% at 20% 0%,color-mix(in oklch,var(--accent)18%,transparent),transparent 65%),radial-gradient(ellipse 60% 50% at 100% 100%,color-mix(in oklch,var(--accent)12%,transparent),transparent 60%)}}.app>:not(.paper):not(.vignette){z-index:2;position:relative}.app .sb{border-right:1px solid var(--hair);background:linear-gradient(180deg,var(--accent),transparent 30%);flex-direction:column;height:100%;padding:28px 22px 22px 28px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.app .sb{background:linear-gradient(180deg,color-mix(in oklch,var(--accent)6%,transparent),transparent 30%)}}.app[data-mode=dark] .sb{background:linear-gradient(180deg,var(--accent),transparent 30%)}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .sb{background:linear-gradient(180deg,color-mix(in oklch,var(--accent)9%,transparent),transparent 30%)}}.app .sb:after{content:none}.app .sb-brand{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:flex-end;margin-bottom:18px;padding:0 2px 22px;display:flex}.app .sb-brand .wm{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-size:44px;font-weight:400;line-height:.85}.app .sb-brand .wm em{color:var(--accent);font-style:italic}.app .sb-brand .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:right;padding-bottom:4px;font-size:9.5px;line-height:1.5}.app .sb-brand .meta span{display:block}.app .sb-brand .meta span:first-child{color:var(--ink-2)}.app .sb-search{border-bottom:1px dashed var(--hair);color:var(--ink-3);align-items:center;gap:8px;margin-bottom:8px;padding:6px 2px 14px;font-size:12.5px;display:flex}.app .sb-search .ic{width:13px;height:13px}.app .sb-search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12.5px}.app .sb-search input::placeholder{color:var(--ink-3)}.app .sb-search kbd{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;border:0;font-size:9.5px}.app .sb-switcher{border-bottom:1px dashed var(--hair);margin-bottom:10px;padding-bottom:14px;position:relative}.app .sw-trigger{background:var(--panel-2);border:1px solid var(--hair);cursor:pointer;width:100%;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #fff6}.app[data-mode=dark] .sw-trigger{box-shadow:inset 0 1px #ffffff0a}.app .sw-trigger:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-trigger:hover{border-color:color-mix(in oklch,var(--accent)25%,var(--hair))}}.app .sw-trigger.is-open{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-trigger.is-open{border-color:color-mix(in oklch,var(--accent)35%,transparent)}}.app .sw-trigger.is-open{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-trigger.is-open{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent)12%,transparent)}}.app .sw-av{color:#fff;width:30px;height:30px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:9px;flex-shrink:0;place-items:center;font-size:10.5px;font-weight:700;display:grid}.app .sw-meta{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.app .sw-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px;font-size:9px;line-height:1}.app .sw-name{letter-spacing:-.005em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.app .sw-sub{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.04em;margin-top:2px;font-size:10px;display:block}.app .sw-chev{color:var(--ink-3);flex-shrink:0;transition:transform .2s}.app .sw-trigger.is-open .sw-chev{color:var(--accent);transform:rotate(180deg)}.app .sw-menu{z-index:50;background:var(--panel-2);border:1px solid var(--hair);border-radius:14px;flex-direction:column;max-height:380px;padding:8px;animation:.14s sw-pop;display:flex;position:absolute;top:calc(100% - 8px);left:0;right:0;box-shadow:inset 0 1px #ffffff80,0 24px 60px -16px #1a18142e,0 8px 22px -8px #1a18141a}.app[data-mode=dark] .sw-menu{box-shadow:inset 0 1px #ffffff0d,0 24px 60px -16px #000c,0 8px 22px -8px #00000080}@keyframes sw-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app .sw-menu-h{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:8px 10px 6px;font-size:10px}.app .sw-menu-list{scrollbar-width:thin;scrollbar-color:var(--hair)transparent;flex:1;min-height:0;padding:2px;overflow-y:auto}.app .sw-menu-list::-webkit-scrollbar{width:4px}.app .sw-menu-list::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px}.app .sw-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.app .sw-item:hover{background:var(--hair-2)}.app .sw-item.on{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-item.on{background:color-mix(in oklch,var(--accent)10%,transparent)}}.app .sw-item .sw-av{border-radius:8px;width:28px;height:28px;font-size:10px}.app .sw-item .sw-name{letter-spacing:-.005em;font-size:13.5px}.app .sw-item .sw-sub{letter-spacing:.04em;font-size:9.5px}.app .sw-item--active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-item--active{background:color-mix(in oklch,var(--accent)8%,transparent)}}.app .cp-trigger{background:var(--panel);border:1px solid var(--hair);cursor:pointer;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-1);border-radius:10px;align-items:center;gap:7px;padding:5px 10px 5px 6px;font-size:12.5px;transition:background .15s;display:flex}.app .cp-trigger:hover{background:var(--hair-2)}.app .cp-av{color:#fff;background:var(--brand);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.app .cp-av--all{background:var(--hair);color:var(--ink-2)}.app .cp-label{text-overflow:ellipsis;max-width:140px;font-size:12px;font-weight:500;overflow:hidden}.app .cp-check,.app .sw-check{color:var(--accent);font-size:13px;font-weight:700}.app .sw-add{border:1px dashed var(--hair);color:var(--ink-2);letter-spacing:-.005em;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:8px;margin:6px 0 0;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.app .sw-add:hover{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sw-add:hover{border-color:color-mix(in oklch,var(--accent)35%,transparent)}}.app .sb-scroll{scrollbar-width:thin;scrollbar-color:var(--hair)transparent;flex:1;min-height:0;padding:4px 0 6px;overflow-y:auto}.app .sb-scroll::-webkit-scrollbar{width:4px}.app .sb-scroll::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px}.app .sb-section{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:baseline;gap:8px;padding:20px 2px 8px;font-size:10px;display:flex}.app .sb-section .n{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;text-transform:none;font-size:13px;font-style:italic}.app .sb-section .ln{background:var(--ink-4);flex:1;align-self:center;height:1px}.app a.sb-item,.app .sb-item{color:var(--ink-2);letter-spacing:-.005em;cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:1px 0;padding:9px 12px 9px 14px;font-size:13.5px;font-weight:400;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.app .sb-item .ic{opacity:.65;flex-shrink:0;width:15px;height:15px;transition:opacity .15s}.app .sb-item .lbl{flex:1}.app .sb-item .num{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:9.5px}.app .sb-item .arr{opacity:0;transition:opacity .15s,transform .15s}.app .sb-item .badge{font-family:var(--font-mono);color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:9.5px}.app .sb-item:before{content:"";background:var(--ink-3);transform-origin:0;width:6px;height:1px;transition:transform .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleX(0)}.app .sb-item:hover{color:var(--ink)}.app .sb-item:hover .ic{opacity:1}.app .sb-item:hover:before{transform:translateY(-50%)scaleX(1)}.app .sb-item:hover .arr{opacity:.45;transform:translate(2px)}.app .sb-item.active{color:var(--ink);letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent),var(--accent));font-weight:600}@supports (color:color-mix(in lab,red,red)){.app .sb-item.active{background:linear-gradient(135deg,color-mix(in oklch,var(--accent)18%,transparent),color-mix(in oklch,var(--accent)6%,transparent))}}.app .sb-item.active{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sb-item.active{border:1px solid color-mix(in oklch,var(--accent)24%,transparent)}}.app .sb-item.active{-webkit-backdrop-filter:blur(14px)saturate(160%);box-shadow:0 1px #ffffff80 inset,0 8px 22px -14px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .sb-item.active{box-shadow:0 1px #ffffff80 inset,0 8px 22px -14px color-mix(in oklch,var(--accent)70%,transparent)}}.app .sb-item.active{padding:8px 12px 8px 14px}.app[data-mode=dark] .sb-item.active{background:linear-gradient(135deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .sb-item.active{background:linear-gradient(135deg,color-mix(in oklch,var(--accent)22%,transparent),color-mix(in oklch,var(--accent)8%,transparent))}}.app[data-mode=dark] .sb-item.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .sb-item.active{border-color:color-mix(in oklch,var(--accent)30%,transparent)}}.app[data-mode=dark] .sb-item.active{box-shadow:0 1px #ffffff14 inset,0 8px 22px -14px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .sb-item.active{box-shadow:0 1px #ffffff14 inset,0 8px 22px -14px color-mix(in oklch,var(--accent)80%,transparent)}}.app .sb-item.active .ic{opacity:1;color:var(--accent)}.app .sb-item.active:before{background:var(--accent);width:6px;height:14px;box-shadow:0 0 12px var(--accent);border-radius:2px;left:-10px;transform:translateY(-50%)scaleX(1)}@supports (color:color-mix(in lab,red,red)){.app .sb-item.active:before{box-shadow:0 0 12px color-mix(in oklch,var(--accent)60%,transparent)}}.app .sb-item.active .num{color:var(--accent)}.app .sb-expand{width:22px;height:22px;color:var(--ink-3);cursor:pointer;will-change:transform;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;transition:transform .22s cubic-bezier(.4,0,.2,1),background .15s,color .15s;display:grid}.app .sb-expand:hover{background:var(--hair-2);color:var(--ink)}.app .sb-expand.open{color:var(--accent);transform:rotate(180deg)}.app .sb-item.active .sb-expand{color:var(--accent)}.app .sb-children{opacity:0;will-change:max-height,opacity;flex-direction:column;gap:1px;max-height:0;margin:0;padding:0 0 0 36px;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s,margin .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.app .sb-children.open{opacity:1;max-height:400px;margin:2px 0 6px;padding-top:4px;padding-bottom:4px}.app .sb-children:before{content:"";background:var(--hair);width:1px;position:absolute;top:6px;bottom:6px;left:22px}.app a.sb-child,.app .sb-child{color:var(--ink-2);letter-spacing:.04em;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.app .sb-child .sb-child-dot{background:var(--ink-4);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .15s}.app .sb-child:hover{color:var(--ink);background:var(--hair-2)}.app .sb-child:hover .sb-child-dot{background:var(--ink-3)}.app .sb-child.active{color:var(--accent);background:var(--accent);font-weight:600}@supports (color:color-mix(in lab,red,red)){.app .sb-child.active{background:color-mix(in oklch,var(--accent)8%,transparent)}}.app .sb-child.active .sb-child-dot{background:var(--accent)}.app .sb[data-variant=rail] .sb-children,.app .sb[data-variant=rail] .sb-expand{display:none}.app .sb-foot{border-top:1px solid var(--hair);align-items:center;gap:12px;margin-top:12px;padding:16px 2px 0;display:flex}.app .sb-foot .av{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);font-family:var(--font-mono);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.app .sb-foot .info{flex:1;min-width:0;line-height:1.2}.app .sb-foot .nm{letter-spacing:-.01em;font-size:13px;font-weight:600}.app .sb-foot .rl{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-family:var(--font-mono);margin-top:2px}.app .sb-foot .more{color:var(--ink-3)}.app .sb-foot-action{width:36px;height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.app .sb-foot-action:hover{background:var(--hair-2);color:var(--ink)}.app .sb-foot-action--signout:hover{color:#e53e3e;background:#e53e3e1a}.app .sb-theme-wrap{position:relative}.app .sb-theme-popup{background:var(--panel-2);border:1px solid var(--hair);z-index:60;border-radius:14px;width:192px;padding:12px;animation:.14s sw-pop;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:inset 0 1px #ffffff80,0 24px 60px -16px #1a18142e,0 8px 22px -8px #1a18141a}.app[data-mode=dark] .sb-theme-popup{box-shadow:inset 0 1px #ffffff0d,0 24px 60px -16px #000c,0 8px 22px -8px #00000080}.app .sb-theme-popup__header{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:9.5px}.app .sb-theme-popup__swatches{flex-wrap:wrap;gap:8px;display:flex}.app .sb-theme-swatch{cursor:pointer;background:radial-gradient(circle at 35% 35%,var(--swatch-accent),var(--swatch-accent));border:2.5px solid #0000;border-radius:50%;width:28px;height:28px}@supports (color:color-mix(in lab,red,red)){.app .sb-theme-swatch{background:radial-gradient(circle at 35% 35%,var(--swatch-accent),color-mix(in oklch,var(--swatch-accent)60%,var(--swatch-bg)))}}.app .sb-theme-swatch{flex-shrink:0;transition:transform .15s,border-color .15s,box-shadow .15s}.app .sb-theme-swatch:hover{transform:scale(1.15)}.app .sb-theme-swatch.active{border-color:var(--swatch-accent);box-shadow:0 0 0 3px var(--swatch-accent)}@supports (color:color-mix(in lab,red,red)){.app .sb-theme-swatch.active{box-shadow:0 0 0 3px color-mix(in oklch,var(--swatch-accent)25%,transparent)}}.app .sb-theme-swatch.active{transform:scale(1.1)}.app .sb-theme-popup__divider{background:var(--hair);height:1px;margin:10px 0}.app .sb-theme-mode-toggle{width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;transition:background .15s,color .15s;display:flex}.app .sb-theme-mode-toggle:hover{background:var(--hair-2);color:var(--ink)}.app .sb[data-variant=rail]{align-items:center;padding:22px 0}.app .sb[data-variant=rail]:after,.app .sb[data-variant=rail] .sb-brand,.app .sb[data-variant=rail] .sb-search,.app .sb[data-variant=rail] .sb-switcher,.app .sb[data-variant=rail] .sb-section{display:none}.app .sb[data-variant=rail] .sb-foot{border-top:1px solid var(--hair);justify-content:center;padding:12px 0}.app .sb[data-variant=rail] .sb-scroll{flex-direction:column;align-items:center;width:100%;padding:8px 0;display:flex}.app .sb[data-variant=rail] .sb-item{border-radius:11px;justify-content:center;width:44px;height:44px;margin:3px 0;padding:10px}.app .sb[data-variant=rail] .sb-item .lbl,.app .sb[data-variant=rail] .sb-item .num,.app .sb[data-variant=rail] .sb-item .arr,.app .sb[data-variant=rail] .sb-item .badge,.app .sb[data-variant=rail] .sb-item:before{display:none}.app .sb[data-variant=rail] .sb-item.active{background:var(--ink);color:var(--bg)}.app .sb[data-variant=rail] .sb-item.active .ic{color:var(--bg)}.app .sb[data-variant=rail] .sb-foot{padding:12px 0 0}.app .sb[data-variant=rail] .sb-foot .info,.app .sb[data-variant=rail] .sb-foot .more{display:none}.app .main{flex-direction:column;min-width:0;height:100%;padding:0 18px;display:flex;overflow:hidden}.app .topbar{align-items:center;gap:10px;padding:18px 0 14px;display:flex}.app .tb-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.app .tb-right{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.app .tb-right .tb-status{flex-shrink:1;min-width:0}.cp-backdrop{z-index:9999;background:var(--ink);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.cp-backdrop{background:color-mix(in oklch,var(--ink)30%,transparent)}}.cp-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:flex-start;padding-top:14vh;display:flex}.cp-modal{background:var(--panel);border:1px solid var(--hair);width:100%;max-width:560px;box-shadow:0 24px 64px var(--ink);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.cp-modal{box-shadow:0 24px 64px color-mix(in oklch,var(--ink)22%,transparent)}}.cp-modal{overflow:hidden}.cp-input-row{border-bottom:1px solid var(--hair);color:var(--ink-3);align-items:center;gap:10px;padding:14px 16px;display:flex}.cp-input{color:var(--ink);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;font-size:14px}.cp-input::placeholder{color:var(--ink-3)}.cp-esc{font-family:var(--font-mono);border:1px solid var(--hair);color:var(--ink-3);border-radius:5px;flex-shrink:0;padding:2px 6px;font-size:10px}.cp-list{max-height:320px;padding:6px;overflow-y:auto}.cp-list::-webkit-scrollbar{width:4px}.cp-list::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px}.cp-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;transition:background .1s;display:flex}.cp-item--active{background:var(--hair-2)}.cp-item-label{letter-spacing:-.01em;color:var(--ink);flex:1;font-size:13.5px;font-weight:500}.cp-item-sub{color:var(--ink-3);font-size:11px}.cp-empty{text-align:center;color:var(--ink-3);padding:24px 16px;font-size:13px}.cp-footer{border-top:1px solid var(--hair);color:var(--ink-3);align-items:center;gap:16px;padding:10px 16px;font-size:11px;display:flex}.cp-footer kbd{font-family:var(--font-mono);border:1px solid var(--hair);border-radius:4px;margin-right:3px;padding:1px 5px;font-size:10px}.app .tb-divider{flex:1}.app .tb-status{background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow-1);font-size:11.5px;font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:11px;align-items:center;gap:8px;padding:7px 13px;display:inline-flex}.app .tb-status .v{color:var(--ink);font-weight:600;font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:12.5px}.app .tb-status .pos{color:var(--pos)}.app .tb-status .neg{color:var(--neg)}.app .tb-status .dot{background:var(--pos);border-radius:50%;width:6px;height:6px}.app .tb-status.gc-in{background:var(--info-tint);border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.app .tb-status.gc-in{border-color:color-mix(in oklch,var(--info)22%,transparent)}}.app .tb-status.gc-in,.app .tb-status.gc-in .ic{color:var(--info)}.app .tb-status.gc-in .v{color:var(--ink)}.app .tb-status.gc-out{background:var(--warn-tint);border-color:var(--warn)}@supports (color:color-mix(in lab,red,red)){.app .tb-status.gc-out{border-color:color-mix(in oklch,var(--warn)22%,transparent)}}.app .tb-status.gc-out,.app .tb-status.gc-out .ic{color:var(--warn)}.app .tb-status.gc-out .v{color:var(--ink)}.app .tb-status.gc-cr{background:var(--pos-tint);border-color:var(--pos)}@supports (color:color-mix(in lab,red,red)){.app .tb-status.gc-cr{border-color:color-mix(in oklch,var(--pos)22%,transparent)}}.app .tb-status.gc-cr,.app .tb-status.gc-cr .ic{color:var(--pos)}.app .tb-status.gc-cr .v{color:var(--ink)}.app .tb-status.gc-dr{background:var(--neg-tint);border-color:var(--neg)}@supports (color:color-mix(in lab,red,red)){.app .tb-status.gc-dr{border-color:color-mix(in oklch,var(--neg)22%,transparent)}}.app .tb-status.gc-dr,.app .tb-status.gc-dr .ic{color:var(--neg)}.app .tb-status.gc-dr .v{color:var(--ink)}.app .tb-status .ic{width:12px;height:12px}.app .tb-icon{background:var(--panel);border:1px solid var(--hair);width:38px;height:38px;color:var(--ink-2);box-shadow:var(--shadow-1);border-radius:11px;place-items:center;display:grid}.app .tb-icon:hover{color:var(--ink)}.app .tb-icon .bump{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.app .tb-user{background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow-1);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:5px 12px 5px 5px;display:flex}.app .tb-user .av{background:linear-gradient(135deg,var(--accent),var(--accent-2,var(--accent)));width:28px;height:28px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.app .tb-user .meta{min-width:0;line-height:1.15}.app .tb-user .meta .nm{letter-spacing:-.005em;font-size:12.5px;font-weight:600}.app .tb-user .meta .rl{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-family:var(--font-mono);margin-top:1px}.app .content{scrollbar-width:thin;scrollbar-color:var(--hair)transparent;flex:1;min-height:0;padding:6px 4px 32px;overflow-y:auto}.app .content::-webkit-scrollbar{width:8px}.app .content::-webkit-scrollbar-thumb{background:var(--hair);border-radius:4px}.app .page-head{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);align-items:flex-end;gap:28px;margin-bottom:14px;padding:10px 6px 18px;display:grid}.app .page-head-left{min-width:0}.app .page-head-right{flex-direction:column;align-items:flex-end;gap:14px;min-width:0;display:flex}.app .page-head-right .ph-pulse{width:100%}.app .page-head-right .rh{align-items:center;gap:10px;width:100%;display:flex}.app .page-head-right .rh .seg,.app .page-head-right .rh .seg button{flex:1}.app .page-head-right .rh .btn-primary{flex-shrink:0}.app .ph-pulse{background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow-1);border-radius:14px;flex-direction:column;justify-content:center;padding:14px 16px;display:flex}.app .ph-pulse-row{border-bottom:1px dashed var(--hair);justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.app .ph-pulse-row:last-child{border-bottom:0}.app .ph-pulse-l{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-size:9.5px;display:inline-flex}.app .ph-pulse-v{font-family:var(--font-body);color:var(--ink);font-size:12px;font-weight:600}.app .ph-pulse-v em{font-family:var(--font-display);color:var(--accent);margin-right:2px;font-size:14px;font-style:italic;font-weight:400}.app .ph-pulse-dot{background:var(--pos);width:7px;height:7px;box-shadow:0 0 0 3px var(--pos);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.app .ph-pulse-dot{box-shadow:0 0 0 3px color-mix(in oklch,var(--pos)22%,transparent)}}.app .ph-pulse-dot{animation:2s ease-in-out infinite pulseAnim}@keyframes pulseAnim{0%,to{box-shadow:0 0 0 3px color-mix(in oklch,var(--pos)22%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--pos)10%,transparent)}}@media(max-width:1280px){.app .page-head{grid-template-columns:1fr}.app .page-head-right{align-items:stretch}.app .page-head-right .rh{justify-content:flex-end}}.app .page-head .crumb{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;margin-bottom:14px;font-size:10.5px;display:flex}.app .page-head .crumb i{background:var(--pos);width:6px;height:6px;box-shadow:0 0 0 4px var(--pos);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.app .page-head .crumb i{box-shadow:0 0 0 4px color-mix(in oklch,var(--pos)22%,transparent)}}.app .page-head h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;white-space:nowrap;margin:0;font-size:clamp(34px,3.6vw,54px);font-weight:400;line-height:1.02}@media(max-width:1100px){.app .page-head h1{white-space:normal;font-size:clamp(30px,4vw,44px)}}.app .page-head h1 em{color:var(--accent);font-style:italic}.app .page-head p{color:var(--ink-2);max-width:56ch;margin:12px 0 0;font-size:14px;line-height:1.45}.app .page-head .rh{flex-shrink:0;align-items:center;gap:10px;display:flex}.app .seg{background:var(--panel);border:1px solid var(--hair);box-shadow:var(--shadow-1);border-radius:11px;padding:3px;display:inline-flex}.app .seg button{color:var(--ink-2);font-size:11.5px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;padding:6px 12px}.app .seg button.on{background:var(--ink);color:var(--bg)}.app .btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-press);letter-spacing:-.005em;border:0;border-radius:11px;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.app .dash-rows{flex-direction:column;gap:14px;width:100%;display:flex}.app .dash-row{gap:14px;width:100%;min-width:0;display:grid}.app .dash-row>*{min-width:0}.app .dash-row--hero,.app .dash-row--8-4{grid-template-columns:8fr 4fr}.app .dash-row--7-5{grid-template-columns:7fr 5fr}.app .dash-row--4-4-4{grid-template-columns:1fr 1fr 1fr}@media(max-width:1300px){.app .dash-row--hero,.app .dash-row--8-4,.app .dash-row--7-5{grid-template-columns:1fr}.app .dash-row--4-4-4{grid-template-columns:1fr 1fr}}@media(max-width:900px){.app .dash-row--4-4-4{grid-template-columns:1fr}}.app .card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.app .card.flat{border-color:var(--hair);box-shadow:none;background:0 0}.app .card.bare{box-shadow:none;background:0 0;border:0;padding:0}.app .card.ink{background:var(--ink);color:var(--bg);border-color:#0000}.app .card.ink .c-eyebrow{color:#ffffff80}.app .card.ink .c-sub{color:#ffffff9e}.app .c-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.app .c-eyebrow .ix{color:var(--ink-3);font-weight:600}.app .c-eyebrow .sp{background:var(--ink-4);width:14px;height:1px}.app .c-title{font-family:var(--font-display);letter-spacing:-.015em;margin:4px 0 0;font-size:22px;font-weight:400}.app .c-sub{color:var(--ink-3);margin-top:2px;font-size:12px}.app .c-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.app .hero{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--shadow-1);padding:28px 28px 22px;position:relative;overflow:hidden}.app .hero:before{content:"";background:radial-gradient(circle,var(--ink-4)1px,transparent 1.5px)0 0/14px 14px;opacity:.6;pointer-events:none;width:420px;height:420px;position:absolute;bottom:-120px;right:-120px;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.app .hero .head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app .hero .head .left{align-items:center;gap:14px;display:flex}.app .hero .head .left .ix{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--hair);border-radius:999px;padding:4px 10px;font-size:11px}.app .hero .figure{flex-wrap:wrap;align-items:flex-end;gap:22px;display:flex}.app .hero .figure .pre{font-family:var(--font-display);color:var(--ink-3);align-self:flex-end;margin-bottom:6px;font-size:clamp(36px,4vw,56px);line-height:.95}.app .hero .figure .num{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);flex-shrink:1;min-width:0;font-size:clamp(64px,7.4vw,116px);line-height:.9}.app .hero .figure .num em{color:var(--accent);font-style:italic}.app .hero .figure .delta{background:var(--pos-tint);color:var(--pos);border-radius:999px;align-items:center;gap:6px;width:max-content;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.app .hero .figure .sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);width:max-content;font-size:10.5px}.app .hero .trail{border-top:1px dashed var(--hair);font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:26px;padding-top:22px;font-size:11px;display:flex}.app .hero .trail .legend{gap:18px;display:flex}.app .hero .trail .legend i{vertical-align:middle;width:8px;height:2px;margin-right:6px;display:inline-block}.app .hero-spark{height:84px;margin:14px -4px 0}.app .mini{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;width:100%;display:grid}.app .mini .m{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-1);flex-direction:column;justify-content:space-between;gap:10px;min-width:0;min-height:0;padding:14px 16px;display:flex;position:relative;overflow:hidden}.app .mini .m .row{margin-top:0}.app .mini .m-bg-icon{opacity:.08;pointer-events:none;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;bottom:-10px;right:-10px}.app .mini .m-bg-icon svg{width:100%;height:100%}.app .mini .m.accent .m-bg-icon{opacity:.15}.app .mini .m.accent{background:var(--ink);color:var(--bg);border-color:#0000}.app .mini .m.accent .lbl{color:var(--bg)}.app .mini .m.accent .delta{color:var(--bg);background:#ffffff1a}.app .mini .m.accent .num .unit{color:#fff9}.app[data-mode=dark] .mini .m.accent,.app[data-mode=dark] .mini .m.accent .lbl{color:#0f0d0a}.app[data-mode=dark] .mini .m.accent .delta{color:#0f0d0a;background:#0f0d0a1f}.app[data-mode=dark] .mini .m.accent .num .unit{color:#0f0d0a8c}.app .mini .lbl{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px}.app .mini .row{justify-content:space-between;align-items:baseline;margin-top:auto;display:flex}.app .mini .num{font-family:var(--font-display);letter-spacing:-.025em;font-size:44px;line-height:1}.app .mini .num .unit{color:var(--ink-3);vertical-align:super;margin-right:1px;font-size:20px;font-style:italic}.app .mini .delta{background:var(--pos-tint);color:var(--pos);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.app .mini .delta.neg{background:var(--neg-tint);color:var(--neg)}.app .mini .spark{width:calc(100% + 32px);height:56px;margin:0 -16px -14px;line-height:0;display:block;overflow:visible}.app .mini .spark>svg{width:100%;height:100%;display:block;overflow:visible}.app .chart{min-height:380px}.app .chart-toolbar{align-items:center;gap:8px;display:flex}.app .chart .figure{align-items:baseline;gap:12px;margin-top:4px;display:flex}.app .chart .figure .n{font-family:var(--font-display);letter-spacing:-.02em;font-size:36px;line-height:1}.app .chart .figure .d{color:var(--pos);font-weight:600}.app .chart .figure .s{color:var(--ink-3);font-size:12px}.app .tbl{border-collapse:collapse;width:100%;font-size:12.5px}.app .tbl th{text-align:left;font-weight:500;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--hair);padding:10px 0;font-size:10px}.app .tbl td{border-bottom:1px solid var(--hair-2);vertical-align:middle;padding:14px 0}.app .tbl tr:last-child td{border-bottom:0}.app .tbl td.mono{font-family:var(--font-mono);color:var(--ink-2);font-size:11px}.app .tbl td.num{font-variant-numeric:tabular-nums;font-weight:600;font-family:var(--font-mono)}.app .tbl .av{color:#fff;vertical-align:middle;width:28px;height:28px;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;border-radius:8px;place-items:center;margin-right:10px;display:inline-grid}.app .tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:9.5px;font-weight:600;display:inline-flex}.app .tag.sent{background:var(--warn-tint);color:var(--warn)}.app .tag.paid{background:var(--pos-tint);color:var(--pos)}.app .tag.due{background:var(--neg-tint);color:var(--neg)}.app .tag.draft{background:var(--info-tint);color:var(--info)}.app .list-row{border-bottom:1px dashed var(--hair);align-items:center;gap:12px;padding:12px 0;display:flex}.app .list-row:last-child{border-bottom:0}.app .list-row .nm{letter-spacing:-.005em;font-size:13px;font-weight:500}.app .list-row .sub{color:var(--ink-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;margin-top:2px}.app .list-row .val{font-family:var(--font-mono);font-size:13px;font-weight:600}.app .bar{background:var(--hair);border-radius:2px;height:3px;margin-top:7px;overflow:hidden}.app .bar>i{background:var(--accent);border-radius:2px;height:100%;display:block}.app .overdue-figure{align-items:baseline;gap:6px;margin-top:8px;display:flex}.app .overdue-figure .num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--neg);font-size:64px;line-height:1}.app .overdue-figure .num em{font-style:italic}.app .overdue-figure .sub{font-family:var(--font-mono);color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.app .aging{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px;display:grid}.app .aging .a{border-radius:var(--r-md);background:var(--bg-tint);border:1px solid var(--hair);padding:12px}.app .aging .a .l{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px}.app .aging .a .v{font-family:var(--font-display);letter-spacing:-.01em;margin-top:6px;font-size:22px}.app .aging .a .c{color:var(--ink-3);margin-top:2px;font-size:11px}.app .aging .a.hot{background:var(--neg-tint)}.app .aging .a.hot .v{color:var(--neg)}.app .donut-card{align-items:center;gap:18px;display:flex}.app .donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.app .donut-legend .li{justify-content:space-between;align-items:center;display:flex}.app .donut-legend .li .l{color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:flex}.app .donut-legend .li i{border-radius:50%;width:8px;height:8px}.app .donut-legend .li .v{font-family:var(--font-mono);font-size:12px;font-weight:600}.app .h-grow{flex-direction:column;height:100%;display:flex}.app .f1{flex:1}@media(max-width:1600px){.app .tb-status .v{font-size:11.5px}.app .tb-status{gap:6px;padding:6px 10px}}@media(max-width:1380px){.app .tb-right .gc-out{display:none}}@media(max-width:1280px){.app .tb-user .meta{display:none}.app .tb-user{padding:5px}}@media(max-width:1180px){.app .tb-left .gc-dr,.app .tb-right .gc-in{display:none}}@media(max-width:1000px){.app .tb-left,.app .tb-right .tb-status{display:none}}@media(max-width:1300px){.app .mini{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.app .mini{grid-template-columns:repeat(2,1fr)}}.app button:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}@keyframes dash-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dash-fade{0%{opacity:0}to{opacity:1}}@keyframes dash-blur-in{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes dash-sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes accent-pulse{0%,to{box-shadow:0 0 color-mix(in oklch,var(--accent)28%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--accent)0%,transparent)}}.app .content>.page-head{animation:.55s cubic-bezier(.2,.7,.2,1) both dash-blur-in}.app .content>.page-head .ph-pulse-dot{animation:1.8s ease-in-out infinite accent-pulse}.app .dash-rows>.dash-row{animation:.55s cubic-bezier(.2,.7,.2,1) both dash-rise}.app .dash-rows>.dash-row:first-child{animation-delay:50ms}.app .dash-rows>.dash-row:nth-child(2){animation-delay:.14s}.app .dash-rows>.dash-row:nth-child(3){animation-delay:.22s}.app .dash-rows>.dash-row:nth-child(4){animation-delay:.3s}.app .dash-rows>.dash-row:nth-child(5){animation-delay:.38s}.app .dash-row .card,.app .dash-row .hero{will-change:transform;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),border-color .25s}.app .dash-row .card:hover,.app .dash-row .hero:hover{border-color:var(--accent);transform:translateY(-3px)}@supports (color:color-mix(in lab,red,red)){.app .dash-row .card:hover,.app .dash-row .hero:hover{border-color:color-mix(in oklch,var(--accent)22%,var(--hair))}}.app .dash-row .card:hover,.app .dash-row .hero:hover{box-shadow:0 1px #fff9 inset,0 1px 2px #1a18140d,0 28px 60px -28px #1a181438,0 6px 14px -10px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .dash-row .card:hover,.app .dash-row .hero:hover{box-shadow:0 1px #fff9 inset,0 1px 2px #1a18140d,0 28px 60px -28px #1a181438,0 6px 14px -10px color-mix(in oklch,var(--accent)40%,transparent)}}.app[data-mode=dark] .dash-row .card:hover,.app[data-mode=dark] .dash-row .hero:hover{box-shadow:0 1px #ffffff0d inset,0 28px 60px -28px #000000d9,0 6px 14px -10px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app[data-mode=dark] .dash-row .card:hover,.app[data-mode=dark] .dash-row .hero:hover{box-shadow:0 1px #ffffff0d inset,0 28px 60px -28px #000000d9,0 6px 14px -10px color-mix(in oklch,var(--accent)60%,transparent)}}.app .mini .m{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .25s}.app .mini .m:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.app .mini .m:hover{border-color:color-mix(in oklch,var(--accent)24%,var(--hair))}}.app .dash-row .hero .figure,.app .dash-row .card .figure,.app .dash-row .overdue-figure{animation:.6s .25s both dash-fade}.app .hero-spark,.app .dash-row .card.chart,.app .mini .spark{animation:.7s .35s both dash-fade}.app .dash-row .tbl tbody tr{transition:background .2s;animation:.45s cubic-bezier(.2,.7,.2,1) both dash-rise}.app .dash-row .tbl tbody tr:first-child{animation-delay:.35s}.app .dash-row .tbl tbody tr:nth-child(2){animation-delay:.4s}.app .dash-row .tbl tbody tr:nth-child(3){animation-delay:.45s}.app .dash-row .tbl tbody tr:nth-child(4){animation-delay:.5s}.app .dash-row .tbl tbody tr:nth-child(5){animation-delay:.55s}.app .dash-row .tbl tbody tr:hover{background:var(--hair-2)}.app .dash-row .list-row{border-radius:10px;transition:background .2s,transform .2s;animation:.45s cubic-bezier(.2,.7,.2,1) both dash-rise}.app .dash-row .list-row:first-child{animation-delay:.3s}.app .dash-row .list-row:nth-child(2){animation-delay:.36s}.app .dash-row .list-row:nth-child(3){animation-delay:.42s}.app .dash-row .list-row:nth-child(4){animation-delay:.48s}.app .dash-row .list-row:nth-child(5){animation-delay:.54s}.app .dash-row .list-row:hover{background:var(--hair-2);transform:translate(2px)}.app .dash-row .bar i{transform-origin:0;animation:.8s cubic-bezier(.2,.7,.2,1) .4s both dash-sweep}.app .dash-row .delta{transition:transform .2s,background .2s}.app .dash-row .delta:hover{transform:scale(1.04)}.app .dash-row .hero .seg button{padding:5px 9px;font-size:10px}.app .dash-row .seg button,.app .content>.page-head .seg button{transition:color .2s,background .2s,transform .15s}.app .dash-row .seg button:hover,.app .content>.page-head .seg button:hover{transform:translateY(-1px)}.app .content>.page-head .btn-primary{transition:transform .2s,box-shadow .25s,background .25s}.app .content>.page-head .btn-primary:hover{box-shadow:0 10px 22px -10px var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.app .content>.page-head .btn-primary:hover{box-shadow:0 10px 22px -10px color-mix(in oklch,var(--accent)55%,transparent)}}@keyframes ch-live-ring{0%{r:3;opacity:.7}to{r:9;opacity:0}}@keyframes ch-live-dot{0%,to{opacity:1}50%{opacity:.4}}.app .ch-dot--live{animation:2s ease-in-out infinite ch-live-dot}.app .ch-ring--live{transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite ch-live-ring}@keyframes ch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ch-bar-rise{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes ch-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.app .dash-row .ch-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.2s cubic-bezier(.65,.05,.36,1) .35s forwards ch-draw}.app .dash-row .ch-line--hero{animation-duration:1.4s;animation-delay:.4s}.app .dash-row .ch-line--sales{animation-duration:1.6s;animation-delay:1.1s}.app .dash-row .ch-area{animation:.8s .6s both dash-fade}.app .dash-row .ch-dot{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.4,1.6,.5,1) 1.3s both ch-pop}.app .dash-row .ch-bar{animation:.65s cubic-bezier(.2,.7,.2,1) both ch-bar-rise}.app .dash-row .ch-marker{transform-box:fill-box;transform-origin:50%;animation:.35s cubic-bezier(.4,1.6,.5,1) both ch-pop}.app .ch-count{animation:.5s both dash-fade;display:inline-block}@media(prefers-reduced-motion:reduce){.app .content>.page-head,.app .dash-rows>.dash-row,.app .dash-row .hero .figure,.app .dash-row .card .figure,.app .dash-row .overdue-figure,.app .hero-spark,.app .dash-row .card.chart,.app .mini .spark,.app .dash-row .tbl tbody tr,.app .dash-row .list-row,.app .dash-row .bar i,.app .dash-row .ch-line,.app .dash-row .ch-area,.app .dash-row .ch-dot,.app .dash-row .ch-bar,.app .dash-row .ch-marker,.app .content>.page-head .ph-pulse-dot{animation:none!important}.app .dash-row .ch-line{stroke-dashoffset:0!important}.app .dash-row .ch-bar{opacity:1!important;transform:scaleY(1)!important}.app .dash-row .card:hover,.app .dash-row .hero:hover,.app .mini .m:hover,.app .dash-row .list-row:hover,.app .dash-row .seg button:hover,.app .dash-row .delta:hover,.app .content>.page-head .btn-primary:hover{transform:none!important}}.app,.app *{font-family:Geist,-apple-system,system-ui,sans-serif}.app .content h1,.app .content h2,.app .content .page-header__title,.app .content .create-po-header__title,.app .content .create-po-section__title,.app .content .card-title,.app .content .dashboard-card__title,.app .content .stat-card__value,.app .content .page-head h1,.app .content .page-head h1 em{letter-spacing:-.015em;color:var(--ink);font-family:Instrument Serif,Georgia,serif;font-weight:400}.app .content .data-table td,.app .content .data-table th,.app .content table td,.app .content table th,.app .content .stat-card__value,.app .content .tbl td.num{font-variant-numeric:tabular-nums}.app .content>:not(.page-head):not(.dash-rows){color:var(--ink)}.app .content h1{font-size:clamp(28px,2.6vw,38px);line-height:1.05}.app .content h2{font-size:clamp(20px,1.6vw,24px)}.app .content h3{color:var(--ink);font-size:16px;font-weight:600}.app .content p{color:var(--ink-2)}.app .content .filter-label,.app .content .page-header__subtitle,.app .content .dashboard-card__subtitle,.app .content .stat-card__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.app .content .page-header{border-bottom:1px solid var(--hair);background:0 0;margin-bottom:14px;padding:10px 6px 18px}.app .content .page-header__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.02}.app .content .page-header__subtitle{color:var(--ink-2);font-family:var(--font-body);text-transform:none;letter-spacing:0;margin-top:8px;font-size:14px}.app .content .card,.app .content .card-sm,.app .content .card-md,.app .content .card-lg,.app .content .dashboard-card,.app .content .stat-card,.app .content .list-container,.app .content .filters-section,.app .content .applied-filters,.app .content .bulk-actions-bar{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.app .content .dashboard-card__header,.app .content .card-header{border-bottom:1px solid var(--hair);margin-bottom:14px;padding-bottom:14px}.app .content .dashboard-card__title,.app .content .card-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:22px;font-weight:400}.app .content .stat-card__value{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);font-size:36px;font-weight:400}.app .content .stat-card--primary{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .stat-card--primary{border-color:color-mix(in oklch,var(--accent)22%,transparent)}}.app .content .stat-card--success{border-color:var(--pos)}@supports (color:color-mix(in lab,red,red)){.app .content .stat-card--success{border-color:color-mix(in oklch,var(--pos)22%,transparent)}}.app .content .stat-card--info{border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){.app .content .stat-card--info{border-color:color-mix(in oklch,var(--info)22%,transparent)}}.app .content .stat-card--danger{border-color:var(--neg)}@supports (color:color-mix(in lab,red,red)){.app .content .stat-card--danger{border-color:color-mix(in oklch,var(--neg)22%,transparent)}}.app .content .data-table,.app .content table.tbl,.app .content table{border-collapse:collapse;width:100%;color:var(--ink);background:0 0;font-size:13px}.app .content .data-table thead,.app .content table thead{background:0 0}.app .content .data-table th,.app .content table th,.app .content .data-table__header,.app .content .data-table__cell--header{text-align:left;font-weight:500;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--hair);background:0 0;padding:12px 14px;font-size:10px}.app .content .data-table td,.app .content table td,.app .content .data-table__cell{border-bottom:1px solid var(--hair-2);vertical-align:middle;color:var(--ink);padding:14px}.app .content .data-table tr:last-child td,.app .content table tr:last-child td{border-bottom:0}.app .content .data-table tbody tr:hover,.app .content table tbody tr:hover{background:var(--panel-2)}.app .content .data-table-wrapper,.app .content .data-table__wrapper,.app .content .table-container{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow-1);overflow:hidden}.app .content .status-badge,.app .content .badge,.app .content .tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:9.5px;font-weight:600;display:inline-flex}.app .content .status-badge--success,.app .content .status-badge--paid,.app .content .status-badge--active,.app .content .badge--success{background:var(--pos-tint);color:var(--pos)}.app .content .status-badge--danger,.app .content .status-badge--overdue,.app .content .status-badge--rejected,.app .content .badge--danger{background:var(--neg-tint);color:var(--neg)}.app .content .status-badge--warning,.app .content .status-badge--pending,.app .content .status-badge--sent,.app .content .badge--warning{background:var(--warn-tint);color:var(--warn)}.app .content .status-badge--info,.app .content .status-badge--draft,.app .content .badge--info{background:var(--info-tint);color:var(--info)}.app .content .btn-primary,.app .content .create-po-btn--primary,.app .content .btn--create-po{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-press);letter-spacing:-.005em;font-size:12.5px;font-weight:600;font-family:var(--font-body);border:0;border-radius:11px;padding:9px 16px}.app .content .btn-outline,.app .content .create-po-btn--secondary{background:var(--panel);color:var(--ink);border:1px solid var(--hair);box-shadow:var(--shadow-1);font-size:12.5px;font-weight:500;font-family:var(--font-body);border-radius:11px;padding:9px 16px}.app .content .btn-outline:hover,.app .content .create-po-btn--secondary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .btn-outline:hover,.app .content .create-po-btn--secondary:hover{border-color:color-mix(in oklch,var(--accent)25%,var(--hair))}}.app .content .btn-outline:hover,.app .content .create-po-btn--secondary:hover{color:var(--ink)}.app .content .create-po-btn--danger{background:var(--neg);color:#fff;box-shadow:var(--shadow-1);border:0;border-radius:11px;padding:9px 16px;font-size:12.5px;font-weight:600}.app .content .form-input,.app .content .create-po-input,.app .content .create-po-select,.app .content .create-po-textarea,.app .content .date-input,.app .content input[type=text],.app .content input[type=email],.app .content input[type=number],.app .content input[type=search],.app .content input[type=tel],.app .content input[type=url],.app .content input[type=password],.app .content input[type=date],.app .content textarea,.app .content select{background:var(--panel-2);border:1px solid var(--hair);color:var(--ink);font-size:13px;font-family:var(--font-body);border-radius:10px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff80}.app .content .search-bar .search-bar__input{padding-left:2.5rem}.app .content .form-input:focus,.app .content .create-po-input:focus,.app .content .create-po-select:focus,.app .content .create-po-textarea:focus,.app .content input:focus,.app .content textarea:focus,.app .content select:focus{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .form-input:focus,.app .content .create-po-input:focus,.app .content .create-po-select:focus,.app .content .create-po-textarea:focus,.app .content input:focus,.app .content textarea:focus,.app .content select:focus{border-color:color-mix(in oklch,var(--accent)40%,transparent)}}.app .content .form-input:focus,.app .content .create-po-input:focus,.app .content .create-po-select:focus,.app .content .create-po-textarea:focus,.app .content input:focus,.app .content textarea:focus,.app .content select:focus{box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .form-input:focus,.app .content .create-po-input:focus,.app .content .create-po-select:focus,.app .content .create-po-textarea:focus,.app .content input:focus,.app .content textarea:focus,.app .content select:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--accent)12%,transparent)}}.app .content .form-label,.app .content .create-po-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:10px;font-weight:500}.app .content .filter-dropdown,.app .content .filter-dropdown__menu,.app .content .export-btn{background:var(--panel);border:1px solid var(--hair);color:var(--ink);box-shadow:var(--shadow-1);border-radius:10px}.app .content .filter-tag{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .filter-tag{background:color-mix(in oklch,var(--accent)12%,transparent)}}.app .content .filter-tag{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.app .content .filter-tag{border:1px solid color-mix(in oklch,var(--accent)24%,transparent)}}.app .content .filter-tag{color:var(--ink);border-radius:999px;padding:3px 10px;font-size:11.5px}.app .content .list-item,.app .content .customer-item{border-bottom:1px dashed var(--hair);background:0 0;padding:12px 0}.app .content .list-item:last-child,.app .content .customer-item:last-child{border-bottom:0}.app .content .create-po-page,.app .content .create-po-header{background:0 0}.app .content .create-po-header__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-weight:400}.app .content .create-po-section{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.app .content .create-po-section__title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-weight:400}.app .content .customer-modal-panel,.app .content .modal-content,.app .content .modal-panel{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:inset 0 1px #ffffff80,0 24px 60px -16px #1a18142e,0 8px 22px -8px #1a18141a}.g-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all;cursor:wait;background-color:#f0ece366;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark],.app[data-mode=dark] .g-loading-overlay{background-color:#0f0d0a66}.app .content hr{border:0;border-top:1px solid var(--hair)}.app .content code,.app .content kbd{font-family:var(--font-mono);background:var(--bg-tint);border:1px solid var(--hair);color:var(--ink-2);border-radius:6px;padding:1px 6px;font-size:11px}@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}