*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;color:var(--text-color);background:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:color .2s ease,background-color .2s ease}button,input,select,textarea{color-scheme:inherit}select option{color:var(--color-text);background:var(--color-surface)}[data-theme=light]{--bg-color: #ffffff;--text-color: #111827;--color-page-bg-start: #eef4ff;--color-page-bg-end: #f9f5ff;--color-surface: #ffffff;--color-surface-border: #e8edf6;--color-title: #111827;--color-text: #273043;--color-text-muted: #5b6475;--color-input-border: #d8deea;--color-focus: #1f6feb;--color-focus-ring: rgba(31, 111, 235, .18);--color-button-bg: #1f6feb;--color-button-bg-hover: #165cc3;--color-button-text: #ffffff;--color-shadow: rgba(10, 25, 41, .12);--color-danger: #c2414b;--color-danger-surface: #fff1f2;--color-success: #16866b;--status-success-bg: #dcfce7;--status-success-text: #166534;--status-warning-bg: #fef3c7;--status-warning-text: #92400e;--status-danger-bg: #fee2e2;--status-danger-text: #991b1b;--color-row-hover: #f7f9fc;--color-overlay: rgba(17, 24, 39, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--invoice-workspace-bg: #dedddb;--invoice-header-bg: #f7f7f7;--invoice-control-prefix: #e2e1df;--invoice-accent: #27bca0;--invoice-support: #5745d6;--invoice-remove-bg: #aaa8a6;--invoice-save-bg: #554c49;--invoice-save-bg-hover: #6b605c;--invoice-panel-bg: #f2f1ef;--sidebar-bg: #292929;--sidebar-border: #3b3b3b;--sidebar-text: #aaa8a6;--sidebar-text-strong: #ffffff;--sidebar-hover: #333333;--sidebar-active: #242424;--sidebar-brand: #ef5b52;--auth-page-start: #f3eee9;--auth-page-end: #e6ddd4;--auth-brand-start: #3f3531;--auth-brand-end: #665650;--auth-brand-text: #fffaf5;--auth-brand-muted: #ded1c8;--auth-accent: #b67855;--auth-accent-hover: #9f6243;--auth-accent-soft: #f3e5dc;--auth-input-bg: #fcfaf8;--auth-input-border: #d8ccc3;--auth-glow: rgba(182, 120, 85, .2);--auth-success-bg: #e8f8f2}[data-theme=dark]{color-scheme:dark;--bg-color: #171311;--text-color: #e9dfd8;--color-page-bg-start: #1b1715;--color-page-bg-end: #29211d;--color-surface: #211c19;--color-surface-border: #3c322d;--color-title: #fff8f2;--color-text: #ded2ca;--color-text-muted: #aa9b91;--color-input-border: #51443d;--color-focus: #c58b68;--color-focus-ring: rgba(197, 139, 104, .22);--color-button-bg: #9a6a50;--color-button-bg-hover: #ad795b;--color-button-text: #fffaf6;--color-shadow: rgba(0, 0, 0, .42);--color-danger: #e88d8d;--color-danger-surface: #3b2422;--color-success: #78b99a;--status-success-bg: #20352b;--status-success-text: #8ed0ae;--status-warning-bg: #3a3020;--status-warning-text: #dfbf7c;--status-danger-bg: #3b2422;--status-danger-text: #efa09c;--color-row-hover: #2c2521;--color-overlay: rgba(12, 9, 8, .64);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--invoice-workspace-bg: #181412;--invoice-header-bg: #2a2420;--invoice-control-prefix: #382f2a;--invoice-accent: #c58b68;--invoice-support: #b39a78;--invoice-remove-bg: #675b54;--invoice-save-bg: #765f54;--invoice-save-bg-hover: #8a7063;--invoice-panel-bg: #261f1c;--sidebar-bg: #14110f;--sidebar-border: #332a26;--sidebar-text: #b5a69c;--sidebar-text-strong: #fff8f2;--sidebar-hover: #241e1b;--sidebar-active: #2c2420;--sidebar-brand: #c9785f;--auth-page-start: #181311;--auth-page-end: #2a211d;--auth-brand-start: #211a17;--auth-brand-end: #4a3a34;--auth-brand-text: #fffaf5;--auth-brand-muted: #d5c5bc;--auth-accent: #d49772;--auth-accent-hover: #e0a681;--auth-accent-soft: #3b2b24;--auth-input-bg: #181311;--auth-input-border: #594840;--auth-glow: rgba(212, 151, 114, .16);--auth-success-bg: #20352b}[data-theme=dark] ::placeholder{color:#897b72;opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(78%) sepia(10%) saturate(520%) hue-rotate(338deg);opacity:.85}[data-theme=dark]{scrollbar-color:#594a42 #1b1715}[data-theme=dark] ::-webkit-scrollbar{width:.75rem;height:.75rem}[data-theme=dark] ::-webkit-scrollbar-track{background:#1b1715}[data-theme=dark] ::-webkit-scrollbar-thumb{border:.2rem solid #1b1715;border-radius:999px;background:#594a42}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6d594f}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:800;line-height:1;text-align:center;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.app-button--small{min-height:2.25rem;padding:0 var(--space-3);font-size:.8125rem}.app-button--medium{min-height:2.75rem;padding:0 var(--space-4);font-size:.875rem}.app-button--large{min-height:3rem;padding:0 var(--space-5);font-size:.9375rem}.app-button--full{width:100%}.app-button--primary{border-color:var(--invoice-save-bg);color:var(--color-button-text);background:var(--invoice-save-bg)}.app-button--primary:hover:not(:disabled){border-color:var(--invoice-save-bg-hover);background:var(--invoice-save-bg-hover)}.app-button--accent{border-color:var(--invoice-accent);color:var(--color-button-text);background:var(--invoice-accent)}.app-button--accent:hover:not(:disabled){filter:brightness(.92)}.app-button--secondary,.app-button--outline{border-color:var(--color-input-border);color:var(--color-text);background:var(--color-surface)}.app-button--secondary:hover:not(:disabled),.app-button--outline:hover:not(:disabled){border-color:var(--invoice-accent);color:var(--invoice-accent);background:var(--color-row-hover)}.app-button--danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-surface)}.app-button--danger:hover:not(:disabled){color:var(--color-button-text);background:var(--color-danger)}.app-button--ghost{border-color:transparent;color:var(--color-focus);background:transparent}.app-button--ghost:hover:not(:disabled){background:var(--color-row-hover)}.app-button:hover:not(:disabled){transform:translateY(-.0625rem);box-shadow:0 var(--space-1) var(--space-2) var(--color-shadow)}.app-button:focus-visible{outline:0;box-shadow:0 0 0 var(--space-1) var(--color-focus-ring)}.app-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.app-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.app-button-icon{display:inline-grid;flex:0 0 auto;place-items:center;font-size:1.1em}.app-button-label{overflow:hidden;text-overflow:ellipsis}.text-input{display:grid;gap:8px}.text-input-label{font-size:14px;color:var(--color-text)}.text-input-control{width:100%;padding:12px 14px;border:1px solid var(--color-input-border);border-radius:10px;font-size:15px;outline:none;color:var(--color-text);background:var(--text-input-bg, var(--color-surface));transition:border-color .2s ease,box-shadow .2s ease}.text-input-control:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.checkbox-field{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-field-control{width:16px;height:16px;accent-color:var(--color-focus)}.checkbox-field-label{font-size:14px;color:var(--color-text)}.panel-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:14px;padding:16px;box-shadow:0 8px 24px var(--color-shadow)}.panel-card-header{margin-bottom:12px}.panel-card-title{margin:0;color:var(--color-title);font-size:18px}.panel-card-subtitle{margin:6px 0 0;color:var(--color-text-muted);font-size:14px}.panel-card-body{color:var(--color-text)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header-title{margin:0;color:var(--color-title);font-size:26px}.page-header-subtitle{margin:6px 0 0;color:var(--color-text-muted);font-size:14px}.page-header-actions{display:flex;gap:8px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge--neutral{background:var(--color-page-bg-start);color:var(--color-text)}.status-badge--success{background:var(--status-success-bg);color:var(--status-success-text)}.status-badge--warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.status-badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.empty-state{border:1px dashed var(--color-input-border);border-radius:12px;padding:22px;text-align:center;background:var(--color-surface)}.empty-state-title{margin:0;color:var(--color-title)}.empty-state-description{margin:8px 0 0;color:var(--color-text-muted)}.confirmation-dialog-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-dialog{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);width:min(100%,28rem);padding:var(--space-5);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:0 var(--space-3) var(--space-6) var(--color-shadow)}.confirmation-dialog-icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:50%;color:var(--invoice-accent);background:var(--invoice-header-bg);font-size:1.25rem;font-weight:900}.confirmation-dialog-icon--danger{color:var(--color-danger);background:var(--color-danger-surface)}.confirmation-dialog-content h2,.confirmation-dialog-content p{margin:0}.confirmation-dialog-content h2{color:var(--color-title);font-size:1.125rem}.confirmation-dialog-content p{margin-top:var(--space-2);color:var(--color-text-muted);line-height:1.5}.confirmation-dialog-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}@media(max-width:480px){.confirmation-dialog{grid-template-columns:1fr}.confirmation-dialog-actions{grid-column:auto;display:grid;grid-template-columns:1fr}.confirmation-dialog-actions .app-button{width:100%}}.loading-overlay{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay-card{display:flex;width:min(100%,20rem);align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-title);background:var(--color-surface);box-shadow:0 var(--space-3) var(--space-6) var(--color-shadow);text-align:center}.loading-overlay-spinner{width:1.75rem;height:1.75rem;flex:0 0 auto;border:.2rem solid var(--color-input-border);border-top-color:var(--invoice-save-bg);border-radius:50%;animation:loading-overlay-spin .75s linear infinite}@keyframes loading-overlay-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-overlay-spinner{animation-duration:1.5s}}.auth-page{--color-focus: var(--auth-accent);--color-focus-ring: var(--auth-glow);--color-input-border: var(--auth-input-border);--text-input-bg: var(--auth-input-bg);min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);color:var(--color-text);background:radial-gradient(circle at 85% 12%,var(--auth-glow),transparent 32%),radial-gradient(circle at 8% 90%,var(--auth-accent-soft),transparent 28%),linear-gradient(135deg,var(--auth-page-start),var(--auth-page-end))}.auth-shell{width:min(70rem,100%);min-height:42rem;display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(28rem,1.1fr);overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 1.5rem 4rem #3f353133}.auth-brand-panel{display:flex;flex-direction:column;padding:3rem;color:var(--auth-brand-text);background:radial-gradient(circle at 15% 15%,var(--auth-glow),transparent 30%),linear-gradient(145deg,var(--auth-brand-start),var(--auth-brand-end))}.auth-brand{display:flex;align-items:center;gap:var(--space-3);font-size:1.125rem}.auth-brand-mark{width:2.5rem;height:2rem;border-radius:60% 45% 55% 50%;background:var(--auth-accent);box-shadow:0 0 0 var(--space-2) #fffaf514}.auth-brand-copy{margin:auto 0 var(--space-6)}.auth-brand-copy h2{max-width:28rem;margin:var(--space-3) 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.auth-brand-copy p{max-width:29rem;margin:0;color:var(--auth-brand-muted);line-height:1.7}.auth-eyebrow{color:var(--auth-accent);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-benefits{display:grid;gap:var(--space-3);margin:0 0 var(--space-6);padding:0;list-style:none}.auth-benefits li{display:flex;gap:var(--space-3);color:var(--auth-brand-muted)}.auth-benefits li:before{content:"✓";color:var(--auth-accent);font-weight:900}.auth-brand-panel small{color:var(--auth-brand-muted)}.auth-form-panel{display:grid;place-items:center;padding:3rem clamp(2rem,6vw,5rem);background:linear-gradient(145deg,var(--color-surface),color-mix(in srgb,var(--auth-accent-soft) 35%,var(--color-surface)))}.login-card{width:min(28rem,100%)}.auth-card--wide{width:min(34rem,100%)}.login-card h1{margin:var(--space-2) 0 0;color:var(--color-title);font-size:2rem}.login-subtitle{margin:var(--space-2) 0 var(--space-5);color:var(--color-text-muted);line-height:1.5}.login-form{display:grid;gap:var(--space-3)}.auth-page .text-input-control:-webkit-autofill,.auth-page .text-input-control:-webkit-autofill:hover,.auth-page .text-input-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--auth-input-bg) inset;caret-color:var(--color-text)}.auth-page .checkbox-field-control{accent-color:var(--auth-accent)}.auth-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.auth-text-button,.auth-link,.auth-switch button{padding:0;border:0;color:var(--auth-accent-hover);background:transparent;font:inherit;cursor:pointer}.auth-text-button:hover,.auth-link:hover,.auth-switch button:hover{color:var(--auth-accent);text-decoration:underline;text-underline-offset:var(--space-1)}.auth-link--right{justify-self:end;font-size:.875rem}.auth-switch{margin:var(--space-5) 0 0;color:var(--color-text-muted);text-align:center}.auth-switch button{font-weight:700}.auth-hint{color:var(--color-text-muted);line-height:1.45}.login-error,.auth-success{padding:var(--space-3);border-radius:var(--radius-sm);font-size:.875rem}.login-error{color:var(--color-danger);background:var(--color-danger-surface)}.auth-success{color:var(--color-success);background:var(--auth-success-bg)}@media(max-width:850px){.auth-page{padding:0}.auth-shell{min-height:100dvh;grid-template-columns:1fr;border:0;border-radius:0}.auth-brand-panel{padding:var(--space-5)}.auth-brand-copy,.auth-benefits,.auth-brand-panel>small{display:none}.auth-form-panel{padding:var(--space-6) var(--space-5)}}@media(max-width:520px){.auth-field-grid{grid-template-columns:1fr}.auth-form-panel{align-items:start;padding:var(--space-5)}}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5)}.sidebar-brand{display:flex;align-items:center;gap:10px;color:var(--sidebar-text-strong);font-size:1rem}.sidebar-brand-dot{width:10px;height:10px;width:2.75rem;height:2.25rem;border-radius:60% 45% 55% 50%;background:var(--sidebar-brand)}.sidebar-nav{display:grid;align-content:start;grid-auto-rows:max-content;gap:var(--space-1);flex:1}.sidebar-link{text-align:left;border:1px solid transparent;border-radius:0;padding:var(--space-3);background:transparent;color:var(--sidebar-text);cursor:pointer}.sidebar-user{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);background:var(--sidebar-active);text-align:left;cursor:pointer}.sidebar-user:hover,.sidebar-user.active{border-color:var(--sidebar-brand);color:var(--sidebar-text-strong)}.sidebar-user>span:first-child{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:var(--color-button-text);background:var(--sidebar-brand);font-weight:800}.sidebar-user>span:last-child{display:grid;min-width:0;gap:var(--space-1)}.sidebar-user strong,.sidebar-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user small{color:var(--sidebar-text)}.sidebar-preferences{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--sidebar-border)}.sidebar-preference{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);background:transparent;text-align:left;cursor:pointer}.sidebar-preference:hover{color:var(--sidebar-text-strong);background:var(--sidebar-hover)}.sidebar-preference>span:first-child{display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-sm);color:var(--sidebar-text-strong);background:var(--sidebar-active);font-size:1.15rem;font-weight:800}.sidebar-preference>span:first-child svg{width:1.15rem;height:1.15rem}.sidebar-preference>span:last-child{display:grid;min-width:0;gap:var(--space-1)}.sidebar-preference small{color:var(--sidebar-text)}.sidebar-link:hover{color:var(--sidebar-text-strong);background:var(--sidebar-hover)}.sidebar-link.active{border-left-color:var(--sidebar-brand);color:var(--sidebar-text-strong);background:var(--sidebar-active);font-weight:700}@media(max-width:900px){.sidebar{position:static;height:auto;overflow-y:visible;border-right:0;border-bottom:1px solid var(--sidebar-border)}.sidebar-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar-preferences{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-link{text-align:center}}@media(max-width:560px){.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-preferences{grid-template-columns:1fr}}.main-layout{min-height:100vh;display:grid;grid-template-columns:13rem 1fr;background:var(--invoice-workspace-bg)}.main-layout-content{min-height:100vh;background:var(--invoice-workspace-bg)}@media(max-width:900px){.main-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.main-layout-content{min-height:auto}}.home-page{display:grid;gap:var(--space-5);padding:var(--space-6);color:var(--color-text)}.home-hero,.home-card-header,.home-header-actions,.home-metric,.home-quick-action-list,.home-invoice-row,.home-customer-list button{display:flex;align-items:center}.home-hero{justify-content:space-between;gap:var(--space-5)}.home-eyebrow{color:var(--invoice-accent);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-hero h1,.home-hero p,.home-card h2,.home-card p,.home-quick-actions h2,.home-quick-actions p{margin:0}.home-hero h1{margin-top:var(--space-1);color:var(--color-title);font-size:clamp(1.75rem,3vw,2.5rem)}.home-hero p,.home-card p,.home-quick-actions p{margin-top:var(--space-1);color:var(--color-text-muted)}.home-header-actions{gap:var(--space-2)}.home-warning{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-danger-surface)}.home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.home-metric,.home-card,.home-quick-actions{border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 var(--space-2) var(--space-5) var(--color-shadow)}.home-metric{min-width:0;gap:var(--space-3);padding:var(--space-4);border-top:.2rem solid var(--color-focus)}.home-metric--collected{border-top-color:var(--color-success)}.home-metric--outstanding{border-top-color:var(--color-danger)}.home-metric--customers{border-top-color:var(--invoice-support)}.home-metric-icon{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border-radius:var(--radius-sm);color:var(--color-focus);background:var(--color-page-bg-start);font-weight:900}.home-metric--collected .home-metric-icon{color:var(--color-success)}.home-metric--outstanding .home-metric-icon{color:var(--color-danger)}.home-metric--customers .home-metric-icon{color:var(--invoice-support)}.home-metric div{display:grid;min-width:0;gap:var(--space-1)}.home-metric div>span,.home-metric small{color:var(--color-text-muted)}.home-metric strong{overflow:hidden;color:var(--color-title);font-size:1.35rem;text-overflow:ellipsis;white-space:nowrap}.home-quick-actions{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(0,2fr);gap:var(--space-5);padding:var(--space-4)}.home-quick-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.home-quick-action{--quick-action-color: var(--color-focus);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:5.5rem;overflow:hidden;padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-2) var(--color-shadow);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-quick-action:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.25rem;background:var(--quick-action-color)}.home-quick-action--customer{--quick-action-color: var(--invoice-accent)}.home-quick-action--product{--quick-action-color: var(--invoice-support)}.home-quick-action:hover{border-color:var(--quick-action-color);transform:translateY(-.15rem);box-shadow:0 var(--space-2) var(--space-4) var(--color-shadow)}.home-quick-action:focus-visible{outline:0;box-shadow:0 0 0 var(--space-1) var(--color-focus-ring)}.home-quick-action-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--radius-md);color:var(--quick-action-color);background:color-mix(in srgb,var(--quick-action-color) 12%,var(--color-surface))}.home-quick-action-icon svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-quick-action-copy{display:grid;min-width:0;gap:var(--space-1)}.home-quick-action-copy strong{color:var(--color-title);font-size:.9375rem}.home-quick-action-copy small{color:var(--color-text-muted);line-height:1.35}.home-quick-action-arrow{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;color:var(--color-text-muted);background:var(--color-row-hover);font-size:1.4rem;line-height:1;transition:color .18s ease,transform .18s ease,background-color .18s ease}.home-quick-action:hover .home-quick-action-arrow{color:var(--color-button-text);background:var(--quick-action-color);transform:translate(.15rem)}.home-content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(20rem,.75fr);gap:var(--space-4)}.home-card{min-width:0;overflow:hidden}.home-card-header{justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-surface-border)}.home-invoice-list,.home-customer-list{display:grid}.home-invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-surface-border)}.home-invoice-row:last-child{border-bottom:0}.home-invoice-row>span:not(.home-status){display:grid;gap:var(--space-1)}.home-invoice-row>span:nth-child(2){text-align:right}.home-invoice-row small,.home-customer-list small{color:var(--color-text-muted)}.home-status{align-self:center;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}.home-status--collected{color:var(--color-success);background:var(--auth-success-bg)}.home-status--pending{color:var(--color-danger);background:var(--color-danger-surface)}.home-customer-list button{width:100%;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--color-surface-border);color:var(--color-text);background:transparent;text-align:left;cursor:pointer}.home-customer-list button:last-child{border-bottom:0}.home-customer-list button:hover{background:var(--color-row-hover)}.home-customer-list button>span:nth-child(2){display:grid;flex:1;gap:var(--space-1)}.home-customer-list button>strong{color:var(--color-danger)}.home-customer-avatar{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--color-button-text);background:var(--invoice-support);font-weight:900}.home-list-state{display:grid;min-height:10rem;place-content:center;gap:var(--space-2);padding:var(--space-5);color:var(--color-text-muted);text-align:center}.home-list-state strong{color:var(--color-title)}@media(max-width:1180px){.home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-actions{grid-template-columns:1fr}}@media(max-width:900px){.home-quick-action-list,.home-content-grid{grid-template-columns:1fr}}@media(max-width:680px){.home-page{padding:var(--space-4)}.home-hero,.home-header-actions{align-items:stretch;flex-direction:column}.home-header-actions .app-button{justify-content:center}.home-metrics{grid-template-columns:1fr}.home-warning{flex-direction:column}.home-invoice-row{grid-template-columns:1fr auto}.home-status{grid-column:1 / -1;justify-self:start}}.integrations-page{display:grid;align-content:start;gap:var(--space-4);min-height:100vh;padding:var(--space-5);color:var(--color-text);background:var(--invoice-workspace-bg)}.integrations-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.integrations-header h1,.integrations-header p,.integration-form-card h2,.integration-form-card p{margin:0}.integrations-header h1{color:var(--color-title);font-size:1.75rem;font-weight:700}.integrations-header p{margin-top:var(--space-1);color:var(--color-text-muted)}.integrations-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(22rem,.55fr);gap:var(--space-4);align-items:start}.integrations-list{display:grid;grid-template-columns:repeat(2,minmax(16rem,1fr));gap:var(--space-3)}.integration-card,.integration-form-card{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.integration-card{display:grid;gap:var(--space-3);min-height:12rem;padding:var(--space-4);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.integration-card:hover{transform:translateY(-1px);box-shadow:0 var(--space-2) var(--space-5) var(--color-shadow)}.integration-card.active{border-color:var(--invoice-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--invoice-accent),transparent 72%),0 var(--space-2) var(--space-5) var(--color-shadow)}.integration-card header,.integration-form-card header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center}.integration-card header span:last-child,.integration-form-card header div{display:grid;gap:var(--space-1);min-width:0}.integration-card small,.integration-form-card p,.integration-hint{color:var(--color-text-muted)}.integration-card small,.integration-field-label{font-size:.75rem;font-weight:800;text-transform:uppercase}.integration-card strong,.integration-form-card h2{color:var(--color-title)}.integration-card header strong,.integration-card header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-logo,.integration-form-logo{display:grid;place-items:center;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-title);background:var(--invoice-header-bg);font-weight:800}.integration-logo{width:2.75rem;height:2.75rem}.integration-form-logo{width:3.25rem;height:3.25rem}.integration-logo img,.integration-form-logo img{max-width:78%;max-height:78%;object-fit:contain}.integration-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:4.5rem;border:1px solid var(--color-surface-border);border-right:0;border-left:0}.integration-metrics span{display:grid;align-content:center;justify-items:center;gap:var(--space-1)}.integration-metrics span+span{border-left:1px solid var(--color-surface-border)}.integration-metrics strong{color:var(--color-title);font-size:1.25rem}.integration-card footer,.integration-form-card footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.integration-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.85rem;font-weight:800}.integration-status:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--color-text-muted)}.integration-status.connected{color:var(--color-success)}.integration-status.connected:before{background:var(--color-success)}.integration-form-card{position:sticky;top:var(--space-5);display:grid;gap:var(--space-4);padding:var(--space-5)}.integration-form-card h2{font-size:1.5rem}.integration-form-grid{display:grid;gap:var(--space-3)}.integration-field{display:grid;gap:var(--space-2)}.integration-field-label{color:var(--color-text-muted)}.integrations-required{color:var(--color-danger)}.integration-select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:0;color:var(--color-text);background:var(--color-surface);font:inherit}.integration-select:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.integration-hint{display:block;margin-top:calc(var(--space-1) * -1);font-size:.8125rem}.integrations-message{padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:800}.integrations-message--success{border-color:#22c55e59;color:var(--color-success);background:#22c55e1a}.integrations-message--error{border-color:#ef444459;color:var(--color-danger);background:#ef44441a}.integration-form-card footer{justify-content:flex-end}.integrations-state{display:grid;min-height:20rem;place-content:center;padding:var(--space-5);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);text-align:center}@media(max-width:1180px){.integrations-layout{grid-template-columns:1fr}.integration-form-card{position:static}}@media(max-width:760px){.integrations-page{padding:var(--space-3)}.integrations-header{align-items:flex-start;flex-direction:column}.integrations-list{grid-template-columns:1fr}.integration-card footer,.integration-form-card footer{align-items:stretch;flex-direction:column}}.customers-page{min-height:100vh;padding:var(--space-5);color:var(--color-text);background:var(--invoice-workspace-bg)}.customers-header,.customers-toolbar,.customers-table-header,.customers-row{display:flex;align-items:center}.customers-header{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.customers-header h1{margin:0;color:var(--color-title);font-size:1.5rem;font-weight:500}.customers-header button{min-height:2.5rem;padding:0 var(--space-4);border:0;border-radius:var(--radius-sm);color:var(--color-button-text);background:var(--invoice-save-bg);font-weight:700;cursor:pointer}.customers-toolbar{display:flex;gap:0;margin-bottom:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--invoice-header-bg);overflow:hidden}.customers-search{display:flex;flex:1;align-items:center;gap:var(--space-3);padding:0 var(--space-4)}.customers-search span{position:relative;width:1rem;height:1rem;flex:0 0 1rem}.customers-search span:before{content:"";position:absolute;top:0;left:0;width:.55rem;height:.55rem;border:2px solid var(--color-text-muted);border-radius:50%}.customers-search span:after{content:"";position:absolute;right:.05rem;bottom:.1rem;width:.45rem;height:2px;transform:rotate(45deg);transform-origin:right center;background:var(--color-text-muted)}.customers-toolbar input{width:100%;min-height:2.75rem;padding:0;border:0;outline:0;color:var(--color-text);background:transparent;font:inherit}.customers-filter{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-right:1px solid var(--color-surface-border);color:var(--color-text-muted);background:transparent;font-size:.75rem;font-weight:800;text-transform:uppercase;cursor:pointer}.customers-filter span{font-size:0}.customers-filter span:before{content:"▾";font-size:.75rem}.customers-filter.active span:before{content:"▴"}.customers-filter:hover,.customers-filter.active{color:var(--color-title);background:var(--color-row-hover)}.customers-filter-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow);font-size:.75rem;font-weight:800;text-transform:uppercase}.customers-filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.customers-filter-options button{min-height:2.25rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:transparent;font:inherit;cursor:pointer}.customers-filter-options button:hover,.customers-filter-options button.active{border-color:var(--invoice-accent);color:var(--color-button-text);background:var(--invoice-accent)}.customers-create-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.customers-create-form input{width:100%;min-width:0;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;color:var(--color-text);background:var(--color-surface);font:inherit}.customers-create-form input:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.customers-create-form .app-button{min-width:6rem}.customers-card{overflow:hidden;border:1px solid var(--color-surface-border);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.customers-table-header{display:grid;grid-template-columns:2.5rem minmax(12rem,1fr) minmax(7rem,.35fr) minmax(10rem,.4fr);gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-surface-border);color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.75rem;font-weight:800;text-transform:uppercase}.customers-select-marker{width:1rem;height:1rem;border:1px solid var(--color-input-border);border-radius:var(--space-1)}.customers-balance-heading{text-align:right}.customers-row{display:grid;grid-template-columns:2.5rem minmax(12rem,1fr) minmax(7rem,.35fr) minmax(10rem,.4fr);gap:var(--space-3);min-height:4rem;padding:var(--space-2) var(--space-5);width:100%;border:0;border-bottom:1px solid var(--color-surface-border);color:var(--color-text);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer}.customers-row:last-child{border-bottom:0}.customers-row:hover{background:var(--color-row-hover)}.customers-avatar{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:var(--color-text-muted);background:var(--invoice-header-bg);font-weight:800}.customers-name,.customers-balance{display:grid;gap:var(--space-1)}.customers-name small,.customers-balance small,.customers-invoice-count{color:var(--color-text-muted)}.customers-balance{justify-items:end;text-align:right}.customers-balance strong{color:var(--invoice-accent)}.customers-state{display:grid;min-height:12rem;place-content:center;gap:var(--space-2);padding:var(--space-5);color:var(--color-text-muted);text-align:center}.customers-state--error{color:var(--color-danger)}.management-form,.product-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:var(--space-3);align-items:center}.invoice-list-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;gap:var(--space-3);align-items:center;min-height:3.75rem;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.management-form{margin-bottom:var(--space-3)}.management-form input,.management-form select{min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);color:var(--color-text);background:var(--color-surface)}.management-form button{min-height:2.75rem;padding:0 var(--space-4);border:0;color:var(--color-button-text);background:var(--invoice-save-bg);font-weight:700}.product-row{min-height:3.75rem;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-surface-border)}@media(max-width:720px){.customers-page{padding:var(--space-3)}.customers-header,.customers-toolbar{align-items:stretch;flex-direction:column}.customers-filter{min-height:2.5rem;border-right:0;border-bottom:1px solid var(--color-surface-border)}.customers-filter-panel{align-items:stretch;flex-direction:column}.customers-filter-options{display:grid;grid-template-columns:1fr}.customers-create-form{grid-template-columns:1fr}.customers-row,.customers-table-header{grid-template-columns:2.5rem 1fr auto;padding-right:var(--space-3);padding-left:var(--space-3)}.customers-table-header>:nth-child(3),.customers-row>:nth-child(3){display:none}.management-form,.product-row,.invoice-list-row{grid-template-columns:1fr}}.customers-management-page{display:grid;align-content:start;gap:var(--space-4)}.customers-management-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.customers-management-header h1,.customers-management-header p,.customers-section-heading h2,.customers-section-heading p,.customers-list-heading h2,.customers-list-heading p{margin:0}.customers-management-header h1{color:var(--color-title);font-size:1.75rem}.customers-management-header p,.customers-section-heading p,.customers-list-heading p{margin-top:var(--space-1);color:var(--color-text-muted)}.customers-management-toolbar{display:flex;min-height:3rem;overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.customers-management-toolbar .customers-search{min-width:0}.customers-management-toolbar input{width:100%;min-height:2.75rem;border:0;outline:0;color:var(--color-text);background:transparent;font:inherit}.customers-create-card{overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.customers-section-heading{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.customers-section-heading h2,.customers-list-heading h2{color:var(--color-title);font-size:1rem}.customers-section-heading p,.customers-list-heading p{font-size:.875rem}.customers-management-page .customers-create-form{align-items:end;margin:0;padding:var(--space-4) var(--space-5);border:0;border-radius:0;box-shadow:none}.customers-management-page .customers-create-form label{display:grid;gap:var(--space-2);color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.customers-list-card{border-radius:var(--radius-sm)}.customers-list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.customers-count{padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.875rem;font-weight:700;white-space:nowrap}.customers-management-page .customers-table-header,.customers-management-page .customers-row{grid-template-columns:minmax(14rem,2fr) minmax(8rem,.75fr) minmax(12rem,1fr);gap:var(--space-4)}.customers-management-page .customers-row{min-height:4.25rem;padding-top:var(--space-3);padding-bottom:var(--space-3)}.customers-management-page .customers-name{display:flex;align-items:center;gap:var(--space-3)}.customers-management-page .customers-name>span:last-child{display:grid;gap:var(--space-1)}.customers-management-page .customers-balance{display:grid;justify-items:end;gap:var(--space-1)}@media(max-width:720px){.customers-management-header,.customers-management-toolbar{align-items:stretch;flex-direction:column}.customers-management-page .customers-create-form{grid-template-columns:1fr;padding:var(--space-3)}.customers-list-heading{align-items:flex-start;flex-direction:column}.customers-management-page .customers-table-header{display:none}.customers-management-page .customers-row{grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-4)}.customers-management-page .customers-name{grid-column:1 / -1}.customers-management-page .customers-row>[data-label]{display:grid;gap:var(--space-1)}.customers-management-page .customers-row>[data-label]:before{content:attr(data-label);color:var(--color-text-muted);font-size:.6875rem;font-weight:800;text-transform:uppercase}}.customer-details-page{min-height:100vh;padding:var(--space-5);color:var(--color-text);background:var(--invoice-workspace-bg)}.customer-details-breadcrumb{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:1.25rem}.customer-details-breadcrumb button{padding:0;border:0;color:var(--color-text-muted);background:transparent;font:inherit;cursor:pointer}.customer-details-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);gap:var(--space-4);align-items:start}.customer-profile-card,.customer-collection-card{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.customer-profile-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-surface-border)}.customer-profile-avatar{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;color:var(--color-button-text);background:var(--invoice-accent);font-size:1.25rem;font-weight:800}.customer-profile-header h1,.customer-invoices h2{margin:0;color:var(--color-title)}.customer-profile-header p{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.customer-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--color-surface-border)}.customer-summary-grid div{display:grid;gap:var(--space-2);padding:var(--space-5);border-right:1px solid var(--color-surface-border)}.customer-summary-grid div:last-child{border-right:0}.customer-summary-grid span,.customer-collection-card span{color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.customer-summary-grid strong{color:var(--color-title);font-size:1.25rem}.customer-invoices h2{padding:var(--space-5);font-size:1rem}.customer-invoice-heading,.customer-invoice-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5)}.customer-invoice-heading{color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.75rem;font-weight:800;text-transform:uppercase}.customer-invoice-row{border-top:1px solid var(--color-surface-border)}.customer-invoice-row>:last-child,.customer-invoice-heading>:last-child{text-align:right}.customer-invoice-status{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-danger-surface);font-size:.75rem;font-weight:700}.customer-invoice-status--paid{color:var(--color-success);background:var(--auth-success-bg)}.customer-collection-card{display:grid;gap:0;padding:var(--space-5)}.customer-collection-add{width:100%}.customer-collection-total{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--color-surface-border)}.customer-collection-total strong{color:var(--invoice-accent);font-size:1.1rem;text-align:right}.customer-statement-button{margin-top:var(--space-5);width:100%}.customer-collections{border-top:1px solid var(--color-surface-border)}.customer-collections h2{margin:0;padding:var(--space-5);color:var(--color-title);font-size:1rem}.customer-collection-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-surface-border)}.customer-collection-row>span{display:grid;gap:var(--space-1)}.customer-collection-row small{color:var(--color-text-muted)}.customer-collection-row>strong{color:var(--color-success)}.customer-collection-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay)}.customer-collection-modal{width:min(100%,30rem);overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 var(--space-3) var(--space-6) var(--color-shadow)}.customer-collection-modal>header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.customer-collection-modal h2{margin:0;color:var(--color-title);font-size:1.1rem}.customer-collection-modal>header button{width:2rem;height:2rem;border:0;border-radius:50%;color:var(--color-text-muted);background:var(--invoice-header-bg);cursor:pointer}.customer-collection-modal form{display:grid;gap:var(--space-4);padding:var(--space-5)}.customer-collection-modal label{display:grid;gap:var(--space-2);color:var(--color-text);font-weight:700}.customer-collection-modal input,.customer-collection-modal textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font:inherit}.customer-collection-modal input:focus,.customer-collection-modal textarea:focus{border-color:var(--color-focus);outline:0;box-shadow:0 0 0 var(--space-1) var(--color-focus-ring)}.customer-collection-error{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-danger-surface)}.customer-collection-modal footer{display:flex;justify-content:flex-end;gap:var(--space-3)}.customer-details-state{display:grid;min-height:10rem;place-content:center;gap:var(--space-3);color:var(--color-text-muted);text-align:center}.customer-details-state--error{color:var(--color-danger)}@media(max-width:900px){.customer-details-grid{grid-template-columns:1fr}}@media(max-width:720px){.customer-details-page{padding:var(--space-3)}.customer-profile-header,.customer-summary-grid,.customer-invoice-heading,.customer-invoice-row{grid-template-columns:1fr}.customer-profile-header{justify-items:start}.customer-summary-grid div{border-right:0;border-bottom:1px solid var(--color-surface-border)}.customer-invoice-heading{display:none}.customer-invoice-row>:last-child{text-align:left}}.invoices-page{display:grid;align-content:start;gap:var(--space-4)}.invoices-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.invoices-header h1,.invoices-header p,.invoices-list-heading h2,.invoices-list-heading p{margin:0}.invoices-header h1{color:var(--color-title);font-size:1.75rem}.invoices-header p,.invoices-list-heading p{margin-top:var(--space-1);color:var(--color-text-muted)}.invoices-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.invoices-summary article{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.invoices-summary span,.invoices-summary small{color:var(--color-text-muted)}.invoices-summary span{font-size:.75rem;font-weight:800;text-transform:uppercase}.invoices-summary strong{color:var(--color-title);font-size:1.4rem}.invoices-summary article:nth-child(2) strong{color:var(--color-success)}.invoices-summary-outstanding strong{color:var(--invoice-accent)}.invoices-toolbar{display:flex;align-items:center;gap:var(--space-3)}.invoices-search{display:flex;flex:1;align-items:center;gap:var(--space-3);min-height:3rem;padding:0 var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.invoices-search input{width:100%;min-height:2.75rem;border:0;outline:0;color:var(--color-text);background:transparent;font:inherit}.invoices-search>span{position:relative;width:1rem;height:1rem;flex:0 0 1rem}.invoices-search>span:before{content:"";position:absolute;top:0;left:0;width:.55rem;height:.55rem;border:2px solid var(--color-text-muted);border-radius:50%}.invoices-search>span:after{content:"";position:absolute;right:.05rem;bottom:.1rem;width:.45rem;height:2px;transform:rotate(45deg);transform-origin:right center;background:var(--color-text-muted)}.invoices-filters{display:flex;gap:var(--space-2)}.invoices-filters button{min-height:3rem;padding:0 var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);font-weight:700;cursor:pointer}.invoices-filters button:hover,.invoices-filters button.active{border-color:var(--invoice-accent);color:var(--color-button-text);background:var(--invoice-accent)}.invoices-list-card{overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.invoices-list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.invoices-list-heading h2{color:var(--color-title);font-size:1rem}.invoices-list-heading p{font-size:.875rem}.invoices-list-heading>span{padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.875rem;font-weight:700;white-space:nowrap}.invoices-table-header,.invoices-page .invoice-list-row{display:grid;grid-template-columns:minmax(11rem,1.5fr) minmax(10rem,1.25fr) minmax(8rem,.8fr) minmax(8rem,.8fr) minmax(9rem,.9fr) minmax(9rem,.9fr);gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5)}.invoices-table-header{color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.75rem;font-weight:800;text-transform:uppercase}.invoices-page .invoice-list-row{min-height:4.5rem;border-bottom:1px solid var(--color-surface-border)}.invoices-page .invoice-list-row:last-child{border-bottom:0}.invoices-page .invoice-list-row:hover{background:var(--color-row-hover)}.invoice-list-name{display:grid;gap:var(--space-1)}.invoice-list-name small{color:var(--color-text-muted)}.invoice-status{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:800}.invoice-status--collected{color:var(--color-success);background:var(--auth-success-bg)}.invoice-status--pending{color:var(--invoice-accent);background:var(--invoice-header-bg)}@media(max-width:1100px){.invoices-toolbar{align-items:stretch;flex-direction:column}.invoices-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.invoices-header,.invoices-list-heading{align-items:flex-start;flex-direction:column}.invoices-summary,.invoices-filters{grid-template-columns:1fr}.invoices-table-header{display:none}.invoices-page .invoice-list-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-4)}.invoice-list-name{grid-column:1 / -1}.invoices-page .invoice-list-row>[data-label]{display:grid;gap:var(--space-1)}.invoices-page .invoice-list-row>[data-label]:before{content:attr(data-label);color:var(--color-text-muted);font-size:.6875rem;font-weight:800;text-transform:uppercase}}.invoice-page{min-height:100vh;padding:0 var(--space-4) var(--space-6);color:var(--color-text);background:var(--invoice-workspace-bg)}.invoice-page-header{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.invoice-breadcrumb{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:1.25rem}.invoice-breadcrumb strong{color:var(--color-title);font-weight:500}.invoice-details-card{display:grid;grid-template-columns:minmax(0,1fr) 19rem;margin-bottom:var(--space-4);border:1px solid var(--color-surface-border);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.invoice-details-main{min-width:0}.invoice-details-title-row{display:grid;grid-template-columns:3rem minmax(18rem,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.invoice-document-icon{display:grid;width:2.5rem;height:2.75rem;place-items:center;border:2px solid var(--invoice-accent);color:var(--invoice-accent);font-size:1.25rem;font-weight:800}.invoice-details-grid{display:grid;grid-template-columns:minmax(11rem,14rem) minmax(18rem,1fr);gap:var(--space-4) var(--space-5);padding:var(--space-5)}.invoice-details-field{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);gap:var(--space-3);align-items:center;min-width:0;margin:0;padding:0;border:0}.invoice-details-field>span,.invoice-details-field>legend{color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.invoice-details-field--name{grid-template-columns:8rem minmax(0,1fr)}.invoice-details-grid>.invoice-details-field{grid-column:1 / -1}.invoice-choice-field{grid-template-columns:minmax(8rem,12rem) repeat(2,minmax(9rem,1fr))}.invoice-choice-field label{display:flex;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);color:var(--color-text);cursor:pointer}.invoice-choice-field input{accent-color:var(--invoice-accent)}.invoice-save-actions{display:flex;gap:var(--space-2)}.invoice-cancel-button,.invoice-save-button{text-transform:uppercase}.invoice-details-side{padding:var(--space-5);border-left:1px solid var(--color-surface-border);background:var(--invoice-panel-bg)}.invoice-details-side .invoice-details-field{grid-template-columns:1fr}.invoice-save-message{margin:0 var(--space-5) var(--space-5);padding:var(--space-3);color:var(--color-danger);background:var(--color-danger-surface)}.invoice-customer-search{position:relative}.invoice-customer-options{position:absolute;z-index:30;top:calc(100% + var(--space-1));right:0;left:0;max-height:15rem;overflow-y:auto;padding:var(--space-1);border:1px solid var(--color-input-border);background:var(--color-surface);box-shadow:0 var(--space-2) var(--space-5) var(--color-shadow)}.invoice-card{overflow:visible;border:1px solid var(--color-surface-border);border-radius:0;background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.invoice-table-header,.invoice-line{display:grid;grid-template-columns:minmax(16rem,3fr) minmax(5rem,.65fr) minmax(6rem,.75fr) minmax(7rem,1fr) minmax(6rem,.75fr) minmax(8rem,1fr) 5.5rem;gap:var(--space-3);align-items:center}.invoice-table-header{min-height:4.5rem;padding:var(--space-3) var(--space-5);border-top:1rem solid var(--invoice-workspace-bg);border-bottom:1px solid var(--color-surface-border);color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.75rem;font-weight:800;text-transform:uppercase}.invoice-line{position:relative;min-height:4.5rem;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.invoice-line:hover{background:var(--color-row-hover)}.invoice-field{min-width:0}.invoice-control{width:100%;min-height:2rem;padding:var(--space-1) var(--space-2);border:1px solid var(--color-input-border);border-radius:0;outline:none;color:var(--color-text);background:var(--color-surface);font:inherit}.invoice-control:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.invoice-product-search,.invoice-product-input{position:relative}.invoice-product-input:has(.invoice-new-item-badge) .invoice-control,.invoice-customer-input:has(.invoice-new-item-badge) .invoice-control{padding-right:4.5rem}.invoice-customer-input{position:relative}.invoice-new-item-badge{position:absolute;top:50%;right:var(--space-2);padding:var(--space-1) var(--space-2);transform:translateY(-50%);color:var(--color-button-text);background:var(--invoice-accent);font-size:.6875rem;font-weight:800;line-height:1;text-transform:uppercase;pointer-events:none}.invoice-product-options{position:absolute;z-index:20;top:calc(100% + var(--space-1));right:0;left:0;max-height:15rem;overflow-y:auto;padding:var(--space-1);border:1px solid var(--color-input-border);background:var(--color-surface);box-shadow:0 var(--space-2) var(--space-5) var(--color-shadow)}.invoice-product-option{width:100%;padding:var(--space-2);border:0;color:var(--color-text);background:transparent;text-align:left;cursor:pointer}.invoice-product-option:hover,.invoice-product-option:focus-visible{outline:none;color:var(--invoice-accent);background:var(--color-row-hover)}.invoice-product-status{padding:var(--space-3);color:var(--color-text-muted);font-size:.875rem}.invoice-price-control{position:relative}.invoice-price-control .invoice-control{padding-right:1.75rem}.invoice-price-control>span{position:absolute;top:50%;right:var(--space-2);color:var(--color-text-muted);transform:translateY(-50%)}.invoice-vat-control{display:grid;grid-template-columns:auto 1fr}.invoice-vat-control>span{display:grid;place-items:center;padding:0 var(--space-2);border:1px solid var(--color-input-border);border-right:0;color:var(--color-text-muted);background:var(--invoice-control-prefix);font-size:.75rem;font-weight:800}.invoice-line-total{display:grid;gap:var(--space-1);justify-items:end;color:var(--color-title)}.invoice-line-total small{color:var(--invoice-accent)}.invoice-currency{margin-left:var(--space-1);color:var(--color-text-muted)}.invoice-line-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.invoice-line-button{width:2rem;height:2rem;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);font-size:1.1rem;font-weight:800;cursor:pointer}.invoice-line-button:hover{color:var(--invoice-accent);border-color:var(--invoice-accent)}.invoice-line-button--remove{color:var(--color-button-text);border-color:var(--invoice-remove-bg);background:var(--invoice-remove-bg)}.invoice-card-footer{display:grid;grid-template-columns:1fr minmax(19rem,32rem);gap:var(--space-6);align-items:start;min-height:17rem;padding:var(--space-4) var(--space-5)}.invoice-add-button{justify-self:start;text-transform:uppercase}.invoice-summary{display:grid;gap:var(--space-2);margin-top:4.5rem;padding-top:var(--space-3);border-top:1px solid var(--color-surface-border)}.invoice-summary>div{display:flex;justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-size:.875rem}.invoice-summary strong{color:var(--color-title)}.invoice-summary-main{padding-bottom:var(--space-3);font-size:1rem!important;font-weight:800}.invoice-grand-total{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-surface-border);font-size:1rem!important}.invoice-mobile-label{display:none}@media(max-width:1180px){.invoice-details-card{grid-template-columns:1fr}.invoice-details-side{border-top:1px solid var(--color-surface-border);border-left:0}.invoice-table-header{display:none}.invoice-lines{display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--invoice-workspace-bg)}.invoice-line{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-4);border:1px solid var(--color-surface-border);background:var(--color-surface)}.invoice-field,.invoice-line-total{display:grid;gap:var(--space-2);justify-items:stretch}.invoice-field--product{grid-column:1 / -1;padding-right:5rem}.invoice-line-total{justify-items:start}.invoice-mobile-label{display:block;color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.invoice-line-actions{position:absolute;top:var(--space-4);right:var(--space-4)}}@media(max-width:720px){.invoice-page{padding:0 var(--space-2) var(--space-4)}.invoice-page-header{min-height:4rem}.invoice-breadcrumb{font-size:1rem}.invoice-details-title-row{grid-template-columns:2.5rem 1fr;padding:var(--space-3)}.invoice-details-field--name,.invoice-details-field,.invoice-choice-field{grid-template-columns:1fr}.invoice-save-actions{grid-column:1 / -1}.invoice-save-actions button{flex:1}.invoice-details-grid,.invoice-details-side{padding:var(--space-3)}.invoice-save-message{margin:0 var(--space-3) var(--space-3)}.invoice-line,.invoice-card-footer{grid-template-columns:1fr}.invoice-field--product{padding-right:0}.invoice-line-actions{position:static;justify-content:flex-start}.invoice-card-footer{min-height:auto;gap:var(--space-4);padding:var(--space-4)}.invoice-summary{width:100%;margin-top:0}}.products-page{display:grid;align-content:start;gap:var(--space-4)}.products-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.products-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.products-header h1,.products-section-heading h2,.products-header p,.products-section-heading p{margin:0}.products-header h1{color:var(--color-title);font-size:1.75rem}.products-header p,.products-section-heading p{margin-top:var(--space-1);color:var(--color-text-muted)}.products-count{padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);font-size:.875rem;font-weight:700}.products-search{display:flex;align-items:center;gap:var(--space-3);min-height:3rem;padding:0 var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.products-search input{width:100%;min-height:2.75rem;border:0;outline:0;color:var(--color-text);background:transparent;font:inherit}.products-search>span{position:relative;width:1rem;height:1rem;flex:0 0 1rem}.products-search>span:before{content:"";position:absolute;top:0;left:0;width:.55rem;height:.55rem;border:2px solid var(--color-text-muted);border-radius:50%}.products-search>span:after{content:"";position:absolute;right:.05rem;bottom:.1rem;width:.45rem;height:2px;transform:rotate(45deg);transform-origin:right center;background:var(--color-text-muted)}.products-action-message{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:800;box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.products-action-message--success{border-color:#22c55e59;color:var(--color-success);background:#22c55e1a}.products-action-message--error{border-color:#ef444459;color:var(--color-danger);background:#ef44441a}.products-action-message button{display:grid;width:1.75rem;height:1.75rem;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;background:transparent;cursor:pointer;font:inherit;line-height:1}.products-create-card,.products-list-card{overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.products-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border)}.products-section-heading h2{color:var(--color-title);font-size:1rem}.products-section-heading p{font-size:.875rem}.products-pagination,.products-page-controls,.products-pagination label{display:flex;align-items:center}.products-pagination{justify-content:flex-end;gap:var(--space-3)}.products-pagination label{gap:var(--space-2);color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.products-pagination select{min-height:2.25rem;padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font:inherit}.products-page-controls{gap:var(--space-2)}.products-page-controls>span{min-width:6.5rem;color:var(--color-text-muted);font-size:.875rem;font-weight:700;text-align:center}.products-form{display:grid;grid-template-columns:minmax(15rem,2fr) minmax(9rem,1fr) minmax(10rem,1fr) minmax(8rem,.8fr) auto;gap:var(--space-3);align-items:end;padding:var(--space-4) var(--space-5)}.products-form label{display:grid;gap:var(--space-2);min-width:0;color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.products-form input,.products-form select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;color:var(--color-text);background:var(--color-surface);font:inherit}.products-form input:focus,.products-form select:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.products-price-input{position:relative}.products-price-input input{padding-right:var(--space-6)}.products-price-input>span{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);color:var(--color-text-muted)}.products-table-header,.product-row{display:grid;grid-template-columns:4.5rem minmax(16rem,2fr) minmax(9rem,1fr) minmax(10rem,1fr) minmax(7rem,.75fr) minmax(17rem,1fr);gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-5)}.products-table-header{color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.75rem;font-weight:800;text-transform:uppercase}.products-table-header>span:last-child{text-align:center}.product-row{min-height:4.25rem;border-bottom:1px solid var(--color-surface-border)}.product-row:last-child{border-bottom:0}.product-row:hover{background:var(--color-row-hover)}.product-name{display:grid;gap:var(--space-1)}.product-name small{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);color:var(--color-text-muted)}.product-image-cell{display:grid;width:3.25rem;height:3.25rem;place-items:center;overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--invoice-header-bg)}.product-image-cell img{width:100%;height:100%;object-fit:cover}.product-image-button{display:block;width:100%;height:100%;padding:0;border:0;cursor:zoom-in;background:transparent}.product-image-button:focus-visible{outline:2px solid var(--invoice-accent);outline-offset:-2px}.product-image-cell>span{width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);background:var(--color-surface-border)}.product-vat{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--invoice-accent);background:var(--invoice-header-bg);font-weight:800}.product-barcode{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:var(--space-1) var(--space-2);overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--invoice-header-bg);cursor:pointer;font-size:.8125rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.product-barcode:hover:not(:disabled),.product-barcode:focus-visible{border-color:var(--invoice-accent);color:var(--invoice-accent)}.product-barcode:disabled{cursor:not-allowed;opacity:.6}.product-price-cell{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content}.product-price-info{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid var(--color-surface-border);border-radius:50%;color:var(--invoice-accent);background:var(--invoice-header-bg);cursor:help;font:inherit;font-size:.75rem;font-weight:900;line-height:1}.product-price-popover{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:4;display:grid;min-width:18rem;max-width:24rem;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);box-shadow:0 1rem 2rem #0f172a2e;font-size:.8125rem;font-weight:700}.product-price-popover small{color:var(--color-text-muted);font-weight:600}.product-price-linked-product,.product-price-linked-barcodes{display:grid;gap:var(--space-1);min-width:0}.product-price-linked-product{padding-top:var(--space-2);border-top:1px solid var(--color-surface-border)}.product-price-linked-product>span,.product-price-linked-barcodes span{overflow:hidden;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap}.product-price-linked-barcodes{margin-top:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--invoice-header-bg)}.product-image-preview{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-5);background:#0f172ab8}.product-image-preview-dialog{position:relative;display:grid;max-width:min(58rem,92vw);max-height:88vh;padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 1.5rem 4rem #0f172a59}.product-image-preview-dialog img{display:block;max-width:100%;max-height:calc(88vh - 2rem);border-radius:var(--radius-sm);object-fit:contain}.product-image-preview-close{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-title);background:var(--color-surface);cursor:pointer;font:inherit;font-size:1.25rem;line-height:1}.product-image-preview-close:focus-visible{outline:2px solid var(--invoice-accent);outline-offset:2px}.product-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.product-market-dialog{display:grid;width:min(48rem,94vw);max-height:90vh;overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 1.5rem 4rem #0f172a52}.product-market-dialog{grid-template-rows:auto minmax(0,1fr) auto}.product-market-header{background:var(--invoice-header-bg)}.product-market-header h2{font-size:1.35rem}.product-market-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);min-height:0;overflow:auto;padding:var(--space-4) var(--space-5);background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(180deg,var(--invoice-header-bg),transparent 8rem) border-box}.product-market-form label{display:grid;gap:var(--space-1);min-width:0;color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.product-market-form input,.product-market-form select,.product-market-form textarea{width:100%;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;color:var(--color-text);background:color-mix(in srgb,var(--color-surface),var(--invoice-header-bg) 18%);font:inherit;font-weight:700;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.product-market-form input,.product-market-form select{min-height:2.75rem;padding:0 var(--space-3)}.product-market-form textarea{min-height:8rem;max-height:16rem;padding:var(--space-3);resize:vertical;line-height:1.5}.product-market-json-field textarea{font-family:Consolas,Courier New,monospace;font-size:.875rem;font-weight:600}.product-market-form input:focus,.product-market-form select:focus,.product-market-form textarea:focus{border-color:var(--invoice-accent);background:var(--color-surface);box-shadow:0 0 0 1px var(--invoice-accent)}.product-market-form-wide{grid-column:1 / -1}.product-market-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-surface-border);background:var(--invoice-header-bg);box-shadow:0 -.75rem 1.5rem #0f172a0a}.product-link-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-5);background:#0f172a9e}.product-link-dialog{display:grid;width:min(68rem,94vw);max-height:90vh;overflow:hidden;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 1.5rem 4rem #0f172a52}.product-link-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-surface-border);background:var(--invoice-header-bg)}.product-link-header h2,.product-link-header p{margin:0}.product-link-header h2{margin-top:var(--space-1);color:var(--color-title);font-size:1.25rem}.product-link-header p,.product-link-header span{color:var(--color-text-muted)}.product-link-header span{font-size:.75rem;font-weight:800;text-transform:uppercase}.product-link-header span strong{color:var(--color-title)}.product-link-close{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-title);background:var(--color-surface);cursor:pointer;font:inherit;font-size:1.25rem;line-height:1}.product-link-close:hover{border-color:var(--invoice-accent);color:var(--invoice-accent)}.product-link-content{display:grid;grid-template-columns:minmax(11rem,.65fr) minmax(22rem,1.2fr) minmax(18rem,.95fr);gap:var(--space-4);min-height:0;max-height:calc(90vh - 8rem);overflow:auto;padding:var(--space-5)}.product-link-panel,.product-link-create{padding:var(--space-4);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface)}.product-link-market-list,.product-link-panel,.product-link-create,.product-link-create-form{display:grid;align-content:start;gap:var(--space-3)}.product-link-market-list button,.product-link-products label{display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);cursor:pointer;font:inherit;text-align:left}.product-link-market-list button{justify-content:space-between;min-height:3.25rem;background:var(--invoice-header-bg)}.product-link-market-list button:hover,.product-link-products label:hover{border-color:color-mix(in srgb,var(--invoice-accent),transparent 45%);background:var(--color-row-hover)}.product-link-market-list button.is-selected,.product-link-products label.is-selected{border-color:var(--invoice-accent);background:color-mix(in srgb,var(--invoice-accent),transparent 92%);box-shadow:inset 3px 0 0 var(--invoice-accent)}.product-link-market-list button span,.product-link-products small,.product-link-products em,.product-link-panel-heading p{color:var(--color-text-muted);font-size:.8125rem}.product-link-panel-heading h3,.product-link-panel-heading p{margin:0}.product-link-panel-heading h3{color:var(--color-title);font-size:1.05rem}.product-link-products{display:grid;gap:var(--space-2);max-height:20rem;overflow:auto;padding-right:var(--space-1)}.product-link-products label>span{display:grid;gap:var(--space-1);min-width:0}.product-link-products label strong,.product-link-products label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-link-products input{width:1rem;height:1rem;flex:0 0 auto;accent-color:var(--invoice-accent)}.product-link-products em{margin-left:auto;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-success);background:#22c55e1a;font-style:normal;font-weight:800;white-space:nowrap}.product-link-empty,.product-link-message{padding:var(--space-3);border-radius:var(--radius-sm);font-size:.875rem;font-weight:700}.product-link-empty{color:var(--color-text-muted);background:var(--invoice-header-bg)}.product-link-summary{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--invoice-header-bg);font-size:.8125rem}.product-link-summary strong{color:var(--color-title);font-size:.875rem}.product-link-summary span{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-1);border-top:1px solid var(--color-surface-border)}.product-link-create label,.product-link-barcode-field,.product-link-search{display:grid;gap:var(--space-2);color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.product-link-create input,.product-link-barcode-field input,.product-link-search input,.product-link-create select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;color:var(--color-text);background:var(--color-surface);font:inherit}.product-link-create input:focus,.product-link-barcode-field input:focus,.product-link-search input:focus,.product-link-create select:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.product-link-message{grid-column:1 / -1;border:1px solid transparent}.product-link-message--error{border-color:#ef444459;color:var(--color-danger);background:#ef44441a}.product-link-message--success{border-color:#22c55e59;color:var(--color-success);background:#22c55e1a}.product-edit-field{display:grid;gap:var(--space-1);min-width:0}.product-edit-field>span{display:none;color:var(--color-text-muted);font-size:.6875rem;font-weight:800;text-transform:uppercase}.product-edit-field input,.product-edit-field select{width:100%;min-height:2.5rem;padding:0 var(--space-2);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:none;color:var(--color-text);background:var(--color-surface);font:inherit}.product-edit-field input:focus,.product-edit-field select:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}@media(max-width:1050px){.products-form{grid-template-columns:repeat(2,minmax(0,1fr))}.products-form .app-button{grid-column:1 / -1}.product-link-content{grid-template-columns:1fr}}@media(max-width:720px){.products-header{align-items:flex-start;flex-direction:column}.products-header-actions{width:100%;align-items:stretch;flex-direction:column}.products-section-heading,.products-pagination,.products-page-controls{align-items:stretch;flex-direction:column}.products-pagination{width:100%}.products-page-controls>span{min-width:0}.products-form{grid-template-columns:1fr;padding:var(--space-3)}.products-form .app-button{grid-column:auto}.products-table-header{display:none}.product-row{grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-4)}.product-image-cell{grid-column:1 / -1;width:4rem;height:4rem}.product-name,.product-edit-name,.product-edit-actions{grid-column:1 / -1}.product-edit-field>span{display:block}.product-row>[data-label],.product-actions[data-label]{display:grid;gap:var(--space-1)}.product-row>[data-label]:before,.product-actions[data-label]:before{content:attr(data-label);color:var(--color-text-muted);font-size:.6875rem;font-weight:800;text-transform:uppercase}.product-actions{justify-content:flex-start}.product-market-form{grid-template-columns:1fr;padding:var(--space-4)}.product-market-actions{align-items:stretch;flex-direction:column-reverse;padding:var(--space-4)}.product-link-modal{padding:var(--space-3)}.product-link-header,.product-link-content{padding:var(--space-4)}}.profile-page{display:grid;align-content:start;gap:var(--space-4);min-height:100vh;padding:var(--space-5);color:var(--color-text);background:var(--invoice-workspace-bg)}.profile-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.profile-page-header h1,.profile-page-header p,.profile-card header h2,.profile-card header p{margin:0}.profile-page-header h1{color:var(--color-title);font-size:1.75rem;font-weight:700}.profile-page-header p{margin-top:var(--space-1);color:var(--color-text-muted)}.profile-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid rgb(34 197 94 / 25%);border-radius:var(--radius-sm);color:var(--color-success);background:#22c55e1a;font-size:.8rem;font-weight:800}.profile-status:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--color-success)}.profile-layout{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);gap:var(--space-4);align-items:start}.profile-summary-card,.profile-card{border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 var(--space-1) var(--space-3) var(--color-shadow)}.profile-summary-card{position:sticky;top:var(--space-5);display:grid;gap:var(--space-4);padding:var(--space-5)}.profile-avatar{display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:var(--radius-sm);color:var(--color-button-text);background:var(--invoice-accent);font-size:1.4rem;font-weight:800}.profile-summary-card h2{margin:0;color:var(--color-title);font-size:1.35rem}.profile-summary-card>p{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-text-muted)}.profile-summary-card dl{display:grid;gap:var(--space-3);margin:0}.profile-summary-card dl div{display:grid;gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-surface-border)}.profile-summary-card dt{color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.profile-summary-card dd{margin:0;overflow-wrap:anywhere}.profile-content{display:grid;gap:var(--space-4)}.profile-card{display:grid;gap:var(--space-4);padding:var(--space-5)}.profile-card header h2{color:var(--color-title);font-size:1.5rem}.profile-card header p{margin-top:var(--space-1);color:var(--color-text-muted)}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.profile-field{display:grid;gap:var(--space-2)}.profile-field-label{color:var(--color-text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.profile-select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);outline:0;color:var(--color-text);background:var(--color-surface);font:inherit}.profile-select:focus{border-color:var(--invoice-accent);box-shadow:0 0 0 1px var(--invoice-accent)}.profile-password-hint{display:block;margin-top:calc(var(--space-2) * -1);color:var(--color-text-muted);font-size:.8125rem}.profile-card footer{display:flex;justify-content:flex-end}.profile-message{padding:var(--space-3);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:800}.profile-message--success{border-color:#22c55e59;color:var(--color-success);background:#22c55e1a}.profile-message--error{border-color:#ef444459;color:var(--color-danger);background:#ef44441a}.profile-state{display:grid;min-height:20rem;place-content:center;padding:var(--space-5);border:1px solid var(--color-surface-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface);text-align:center}@media(max-width:980px){.profile-layout{grid-template-columns:1fr}.profile-summary-card{position:static;grid-template-columns:auto minmax(0,1fr);align-items:center}.profile-summary-card dl{grid-column:1 / -1}}@media(max-width:640px){.profile-page{padding:var(--space-3)}.profile-page-header{align-items:flex-start;flex-direction:column}.profile-summary-card,.profile-form-grid{grid-template-columns:1fr}.profile-card footer{align-items:stretch;flex-direction:column}}.not-found-page{padding:24px}.not-found-actions{margin-top:14px;display:flex;justify-content:flex-start}