:root{--bg-primary: #fafaf9;--bg-secondary: #f5f5f4;--bg-elevated: #ffffff;--bg-hover: #f5f5f4;--bg-active: #fef3c7;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1c1917;--text-secondary: #44403c;--text-muted: #78716c;--text-disabled: #a8a29e;--border-default: #e7e5e4;--border-hover: #d6d3d1;--border-focus: #d97706;--accent-primary: #d97706;--accent-primary-hover: #b45309;--accent-primary-light: rgba(217, 119, 6, .1);--accent-primary-shadow: rgba(217, 119, 6, .35);--focus-ring: 0 0 0 3px var(--accent-primary-light);--success: #16a34a;--success-bg: #dcfce7;--error: #dc2626;--error-bg: #fef2f2;--error-text: #b91c1c;--warning: #d97706;--warning-bg: #fef3c7;--info: #2563eb;--info-bg: #dbeafe;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-bg: #ebe8e5;--sidebar-elevated: #f5f3f0;--sidebar-text: #1c1917;--sidebar-muted: #57534e;--sidebar-border: rgba(28, 25, 23, .12);--sidebar-hover: rgba(28, 25, 23, .06);--sidebar-active-fg: #1c1917;--sidebar-shadow: 4px 0 24px rgba(28, 25, 23, .06);--sidebar-backdrop: rgba(12, 10, 9, .45);color-scheme:light}[data-theme=dark]{--bg-primary: #0c0a09;--bg-secondary: #1c1917;--bg-elevated: #292524;--bg-hover: #1c1917;--bg-active: #3a2e1f;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #fafaf9;--text-secondary: #e7e5e4;--text-muted: #a8a29e;--text-disabled: #78716c;--border-default: #44403c;--border-hover: #57534e;--border-focus: #d97706;--accent-primary: #f59e0b;--accent-primary-hover: #d97706;--accent-primary-light: rgba(245, 158, 11, .15);--accent-primary-shadow: rgba(245, 158, 11, .4);--focus-ring: 0 0 0 3px var(--accent-primary-light);--error-text: #fca5a5;--success: #22c55e;--success-bg: #14532d;--error: #ef4444;--error-bg: #7f1d1d;--warning: #f59e0b;--warning-bg: #78350f;--info: #3b82f6;--info-bg: #1e3a8a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--sidebar-bg: #121110;--sidebar-elevated: #1c1917;--sidebar-text: #fafaf9;--sidebar-muted: #a8a29e;--sidebar-border: rgba(255, 255, 255, .09);--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-active-fg: #fafaf9;--sidebar-shadow: 4px 0 32px rgba(0, 0, 0, .45);--sidebar-backdrop: rgba(0, 0, 0, .55);color-scheme:dark}[data-accent=amber]{--accent-primary: #c2410c;--accent-primary-hover: #9a3412;--accent-primary-light: rgba(194, 65, 12, .14);--accent-primary-shadow: rgba(194, 65, 12, .35);--accent-secondary: #ea580c;--sidebar-logo-end: #9a3412;--sidebar-active-mix: rgba(194, 65, 12, .22);--sidebar-active-mix-strong: rgba(194, 65, 12, .32);--sidebar-subtle-accent: rgba(194, 65, 12, .12);--border-focus: #c2410c;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-accent=ocean]{--accent-primary: #1d4ed8;--accent-primary-hover: #1e40af;--accent-primary-light: rgba(29, 78, 216, .14);--accent-primary-shadow: rgba(37, 99, 235, .35);--accent-secondary: #2563eb;--sidebar-logo-end: #1e3a8a;--sidebar-active-mix: rgba(37, 99, 235, .2);--sidebar-active-mix-strong: rgba(37, 99, 235, .3);--sidebar-subtle-accent: rgba(37, 99, 235, .1);--border-focus: #2563eb;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-accent=forest]{--accent-primary: #047857;--accent-primary-hover: #065f46;--accent-primary-light: rgba(4, 120, 87, .14);--accent-primary-shadow: rgba(5, 150, 105, .35);--accent-secondary: #059669;--sidebar-logo-end: #065f46;--sidebar-active-mix: rgba(5, 150, 105, .2);--sidebar-active-mix-strong: rgba(5, 150, 105, .3);--sidebar-subtle-accent: rgba(5, 150, 105, .1);--border-focus: #059669;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-accent=rose]{--accent-primary: #be123c;--accent-primary-hover: #9f1239;--accent-primary-light: rgba(190, 18, 60, .14);--accent-primary-shadow: rgba(225, 29, 72, .35);--accent-secondary: #e11d48;--sidebar-logo-end: #9f1239;--sidebar-active-mix: rgba(225, 29, 72, .2);--sidebar-active-mix-strong: rgba(225, 29, 72, .3);--sidebar-subtle-accent: rgba(225, 29, 72, .1);--border-focus: #e11d48;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-accent=violet]{--accent-primary: #6d28d9;--accent-primary-hover: #5b21b6;--accent-primary-light: rgba(109, 40, 217, .14);--accent-primary-shadow: rgba(124, 58, 237, .35);--accent-secondary: #7c3aed;--sidebar-logo-end: #5b21b6;--sidebar-active-mix: rgba(124, 58, 237, .2);--sidebar-active-mix-strong: rgba(124, 58, 237, .3);--sidebar-subtle-accent: rgba(124, 58, 237, .1);--border-focus: #7c3aed;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-accent=slate]{--accent-primary: #475569;--accent-primary-hover: #334155;--accent-primary-light: rgba(71, 85, 105, .14);--accent-primary-shadow: rgba(71, 85, 105, .35);--accent-secondary: #64748b;--sidebar-logo-end: #334155;--sidebar-active-mix: rgba(100, 116, 139, .22);--sidebar-active-mix-strong: rgba(100, 116, 139, .32);--sidebar-subtle-accent: rgba(100, 116, 139, .12);--border-focus: #64748b;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=amber]{--accent-primary: #fb923c;--accent-primary-hover: #f97316;--accent-primary-light: rgba(251, 146, 60, .18);--accent-primary-shadow: rgba(251, 146, 60, .4);--accent-secondary: #fdba74;--sidebar-logo-end: #ea580c;--sidebar-active-mix: rgba(251, 146, 60, .22);--sidebar-active-mix-strong: rgba(251, 146, 60, .34);--sidebar-subtle-accent: rgba(251, 146, 60, .12);--border-focus: #fb923c;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=ocean]{--accent-primary: #60a5fa;--accent-primary-hover: #3b82f6;--accent-primary-light: rgba(96, 165, 250, .2);--accent-primary-shadow: rgba(96, 165, 250, .4);--accent-secondary: #93c5fd;--sidebar-logo-end: #2563eb;--sidebar-active-mix: rgba(59, 130, 246, .25);--sidebar-active-mix-strong: rgba(59, 130, 246, .38);--sidebar-subtle-accent: rgba(59, 130, 246, .14);--border-focus: #60a5fa;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=forest]{--accent-primary: #34d399;--accent-primary-hover: #10b981;--accent-primary-light: rgba(52, 211, 153, .18);--accent-primary-shadow: rgba(52, 211, 153, .4);--accent-secondary: #6ee7b7;--sidebar-logo-end: #059669;--sidebar-active-mix: rgba(16, 185, 129, .22);--sidebar-active-mix-strong: rgba(16, 185, 129, .34);--sidebar-subtle-accent: rgba(16, 185, 129, .12);--border-focus: #34d399;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=rose]{--accent-primary: #fb7185;--accent-primary-hover: #f43f5e;--accent-primary-light: rgba(251, 113, 133, .2);--accent-primary-shadow: rgba(251, 113, 133, .4);--accent-secondary: #fecdd3;--sidebar-logo-end: #e11d48;--sidebar-active-mix: rgba(244, 63, 94, .22);--sidebar-active-mix-strong: rgba(244, 63, 94, .34);--sidebar-subtle-accent: rgba(244, 63, 94, .12);--border-focus: #fb7185;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=violet]{--accent-primary: #a78bfa;--accent-primary-hover: #8b5cf6;--accent-primary-light: rgba(167, 139, 250, .22);--accent-primary-shadow: rgba(167, 139, 250, .45);--accent-secondary: #ddd6fe;--sidebar-logo-end: #7c3aed;--sidebar-active-mix: rgba(139, 92, 246, .26);--sidebar-active-mix-strong: rgba(139, 92, 246, .4);--sidebar-subtle-accent: rgba(139, 92, 246, .14);--border-focus: #a78bfa;--focus-ring: 0 0 0 3px var(--accent-primary-light)}[data-theme=dark][data-accent=slate]{--accent-primary: #94a3b8;--accent-primary-hover: #cbd5e1;--accent-primary-light: rgba(148, 163, 184, .2);--accent-primary-shadow: rgba(148, 163, 184, .35);--accent-secondary: #e2e8f0;--sidebar-logo-end: #64748b;--sidebar-active-mix: rgba(148, 163, 184, .2);--sidebar-active-mix-strong: rgba(148, 163, 184, .32);--sidebar-subtle-accent: rgba(148, 163, 184, .12);--border-focus: #94a3b8;--focus-ring: 0 0 0 3px var(--accent-primary-light)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);transition:background-color var(--transition-base),color var(--transition-base)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-primary-light);color:var(--text-primary)}:root{font-family:var(--font-sans);line-height:var(--leading-normal);font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.app-content-inner{max-width:1400px;margin:0 auto;width:100%}.table-scroll-wrap{overflow:auto;max-height:min(60vh,500px);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-scroll-wrap .pos-list-table thead th,.table-scroll-wrap .products-table thead th,.table-scroll-wrap .customers-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-secondary);box-shadow:0 1px 0 var(--border-default);transition:background var(--transition-base)}.table-scroll-wrap .pos-list-table tbody tr:hover,.table-scroll-wrap .products-table tbody tr:hover,.table-scroll-wrap .customers-table tbody tr:hover{background:var(--bg-hover);transition:background var(--transition-fast)}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1rem;border-top:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:background var(--transition-base),color var(--transition-base)}.pagination-bar button{padding:.5rem .875rem;font-size:var(--text-sm);font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast)}.pagination-bar button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.pagination-bar button:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug);transition:color var(--transition-base)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg-primary);font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;transition:background-color var(--transition-base)}[data-theme=light] .login-page{background:linear-gradient(160deg,#1c1917,#292524 40%,#1e293b)}[data-theme=dark] .login-page{background:linear-gradient(160deg,#0c0a09,#1c1917 40%,#0f172a)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(251,191,36,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(148,163,184,.08),transparent),radial-gradient(ellipse 60% 40% at 0% 80%,rgba(148,163,184,.06),transparent);pointer-events:none}.login-card{position:relative;width:100%;max-width:400px;background:var(--bg-elevated);padding:2.25rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 0 1px #00000008;border:1px solid var(--border-default);animation:loginCardIn .4s ease-out;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.login-brand{text-align:center;margin-bottom:1.75rem}.login-brand-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0;transition:color var(--transition-base)}.login-brand-tagline{font-size:.8125rem;color:var(--text-muted);margin:.25rem 0 0;font-weight:500;transition:color var(--transition-base)}.login-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;transition:color var(--transition-base)}.login-form{display:flex;flex-direction:column;gap:1.125rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-base)}.login-input{width:100%;padding:.75rem 1rem;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);box-sizing:border-box}.login-input::placeholder{color:var(--text-muted)}.login-input:hover{background:var(--bg-hover);border-color:var(--border-hover)}.login-input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light)}.login-input:focus-visible{outline:none}.login-error{font-size:.875rem;color:#b91c1c;background:#fef2f2;padding:.5rem .75rem;border-radius:8px;margin-top:.25rem;animation:loginErrorIn .25s ease-out}.login-session-expired{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#92400e;background:#fffbeb;padding:.875rem 1rem;border-radius:var(--radius-lg);margin-bottom:1.25rem;border:1px solid #fde68a;animation:loginErrorIn .25s ease-out}[data-theme=dark] .login-session-expired{color:#fbbf24;background:#78350f;border-color:#92400e}.login-session-expired svg{flex-shrink:0;color:currentColor}.login-actions{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.login-submit{width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-base);box-shadow:0 2px 8px var(--accent-primary-shadow)}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-primary-shadow)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.85;cursor:not-allowed}.login-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #d9770666}.login-footer{margin-top:1.25rem;text-align:center}.login-footer-link{font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-base)}.login-footer-link:hover{color:var(--accent-primary)}.login-spinner{display:inline-block;width:1.125em;height:1.125em;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite;vertical-align:-.2em;margin-right:.5rem}@keyframes loginSpin{to{transform:rotate(360deg)}}.theme-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;font-family:var(--font-sans, system-ui, sans-serif)}.theme-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-lg, 10px);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.theme-toggle-button:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.theme-toggle-button:active{transform:translateY(0)}.theme-toggle-icon{font-size:1.125rem;line-height:1}.theme-toggle-label{font-weight:600}.theme-toggle-arrow{font-size:.75rem;opacity:.6;transition:transform var(--transition-base)}.theme-toggle-dropdown{position:absolute;bottom:calc(100% + .5rem);right:0;min-width:220px;max-width:min(92vw,280px);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-xl);overflow:hidden;animation:themeDropdownIn .2s ease-out}@keyframes themeDropdownIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-section{padding:.75rem .75rem .85rem;border-bottom:1px solid var(--border-default)}.theme-toggle-section:last-child{border-bottom:none;padding-bottom:.75rem}.theme-toggle-section-title{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.theme-toggle-mode-list{display:flex;flex-direction:column;gap:.25rem}.theme-toggle-option{display:flex;align-items:center;gap:.65rem;width:100%;padding:.5rem .65rem;font-size:.8125rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.theme-toggle-option:hover{background:var(--bg-hover)}.theme-toggle-option-active{background:var(--bg-active);color:var(--accent-primary)}.theme-toggle-option-icon{font-size:1rem;width:1.25rem;text-align:center}.theme-toggle-option-label{flex:1}.theme-toggle-option-check{color:var(--accent-primary);font-weight:600}.theme-toggle-accent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.theme-toggle-accent-swatch{width:100%;aspect-ratio:1;max-width:2.25rem;margin:0 auto;border-radius:50%;border:2px solid var(--border-default);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.theme-toggle-accent-swatch:hover{transform:scale(1.08);border-color:var(--border-hover)}.theme-toggle-accent-swatch-active{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--accent-primary);border-color:var(--accent-primary)}.theme-toggle-accent-swatch--amber{background:linear-gradient(135deg,#fb923c,#c2410c)}.theme-toggle-accent-swatch--ocean{background:linear-gradient(135deg,#60a5fa,#1d4ed8)}.theme-toggle-accent-swatch--forest{background:linear-gradient(135deg,#34d399,#047857)}.theme-toggle-accent-swatch--rose{background:linear-gradient(135deg,#fb7185,#be123c)}.theme-toggle-accent-swatch--violet{background:linear-gradient(135deg,#a78bfa,#6d28d9)}.theme-toggle-accent-swatch--slate{background:linear-gradient(135deg,#94a3b8,#475569)}@media (max-width: 640px){.theme-toggle{bottom:1rem;right:1rem}.theme-toggle-button{padding:.5rem .75rem;font-size:.8125rem}.theme-toggle-label{display:none}.theme-toggle-accent-grid{grid-template-columns:repeat(3,1fr)}}.global-error-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.75rem;max-width:min(36rem,calc(100vw - 2rem));padding:.875rem 1rem;background:var(--error-bg, #fef2f2);color:var(--text-primary, #1c1917);border:1px solid var(--border-default, #fecaca);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, .15));font-size:.9375rem;line-height:1.4}.global-error-toast-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.global-error-toast-dismiss{flex-shrink:0;padding:.25rem;font-size:1.25rem;line-height:1;background:none;border:none;color:var(--text-muted, #78716c);cursor:pointer;border-radius:var(--radius-sm)}.global-error-toast-dismiss:hover{color:var(--text-primary, #1c1917);background:#0000000f}.notification-bell{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin:0 .75rem .75rem;border-radius:var(--radius-md);color:var(--sidebar-muted);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);border:1px solid var(--sidebar-border);background:color-mix(in srgb,var(--sidebar-elevated) 80%,transparent)}.notification-bell:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.notification-bell-active{color:var(--sidebar-active-fg);background:var(--sidebar-active-mix);border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--sidebar-border))}.notification-bell-icon{font-size:1.1rem}.notification-bell-label{flex:1}.notification-bell-badge{min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.75rem;font-weight:600;line-height:1.25rem;text-align:center;background:var(--accent-primary);color:#fff;border-radius:999px;box-shadow:0 1px 4px var(--accent-primary-shadow)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:flex;width:100%;min-height:100vh;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;background:var(--bg-primary);transition:background-color var(--transition-base)}.app-layout.app-layout--sidebar-open{overflow:hidden}.app-sidebar-backdrop{display:none}.app-sidebar{width:17.5rem;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.25rem 0;flex-shrink:0;align-self:stretch;min-height:0;max-height:100%;overflow:hidden;box-shadow:var(--sidebar-shadow);border-right:1px solid var(--sidebar-border);transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-slow),box-shadow var(--transition-base)}.app-sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:.75rem;flex-shrink:0}.app-sidebar-notifications{flex-shrink:0}.app-sidebar-logo{width:2.5rem;height:2.5rem;flex-shrink:0;background:linear-gradient(135deg,var(--accent-secondary, var(--accent-primary)) 0%,var(--sidebar-logo-end, var(--accent-primary-hover)) 100%);border-radius:var(--radius-md);box-shadow:0 2px 12px var(--accent-primary-shadow);transition:box-shadow var(--transition-base)}.app-sidebar-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--sidebar-text)}.app-sidebar-nav{display:flex;flex-direction:column;gap:.65rem;padding:0 .65rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-sidebar-nav::-webkit-scrollbar{width:6px}.app-sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:4px}.app-sidebar-group{display:flex;flex-direction:column;gap:.35rem}.app-sidebar-group-label{font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sidebar-muted);padding:.25rem .6rem .15rem;opacity:.95}.app-sidebar-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin:0;padding:.35rem .6rem .25rem;border:none;border-radius:var(--radius-md);background:transparent;font:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:left;color:var(--sidebar-muted);cursor:pointer;opacity:.95;transition:color var(--transition-fast),background var(--transition-fast)}.app-sidebar-group-toggle:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.app-sidebar-group-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-sidebar-group-toggle-text{min-width:0}.app-sidebar-group-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.75rem;line-height:1;color:var(--sidebar-muted);transition:transform .2s ease}.app-sidebar-group-toggle--expanded .app-sidebar-group-chevron{transform:rotate(90deg)}.app-sidebar-group-items[hidden]{display:none!important}.app-sidebar-group-items{display:flex;flex-direction:column;gap:.125rem}.app-sidebar-page-block{display:flex;flex-direction:column;gap:.0625rem}.app-sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--sidebar-muted);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.app-sidebar-link:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.app-sidebar-link-active{color:var(--sidebar-active-fg);background:var(--sidebar-active-mix);font-weight:600;box-shadow:inset 3px 0 0 0 var(--accent-primary)}.app-sidebar-link-active:hover{background:var(--sidebar-active-mix-strong)}.app-sidebar-link-icon{width:1.125rem;text-align:center;font-size:.95rem;opacity:.95;flex-shrink:0}.app-sidebar-link-text{min-width:0}.app-sidebar-link-sub{padding:.4rem .75rem .4rem 2.15rem;font-size:.8125rem;color:var(--sidebar-muted)}.app-sidebar-link-sub.app-sidebar-link-active{color:var(--accent-primary);background:var(--sidebar-subtle-accent);box-shadow:none;border-left:3px solid var(--accent-primary);padding-left:calc(2.15rem - 3px)}.app-sidebar-link-muted{color:var(--sidebar-muted);cursor:default;pointer-events:none}.app-sidebar-loading{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--sidebar-muted)}.app-sidebar-spinner{width:18px;height:18px;border:2px solid var(--sidebar-border);border-top-color:var(--accent-primary);border-radius:50%;animation:app-sidebar-spin .7s linear infinite}@keyframes app-sidebar-spin{to{transform:rotate(360deg)}}.app-sidebar-user{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin-top:auto;border-top:1px solid var(--sidebar-border);background:var(--sidebar-elevated);flex-shrink:0}.app-sidebar-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px var(--accent-primary-shadow)}.app-sidebar-user-info{display:flex;flex-direction:column;min-width:0}.app-sidebar-user-name{font-size:.875rem;font-weight:500;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-user-role{font-size:.75rem;color:var(--sidebar-muted)}.app-sidebar-logout{flex-shrink:0;margin:.5rem 1rem 0;padding:.5rem .75rem;font-size:var(--text-sm);font-weight:500;color:var(--error, #dc2626);background:transparent;border:1px solid color-mix(in srgb,var(--error, #dc2626) 28%,transparent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.app-sidebar-logout:hover{background:color-mix(in srgb,var(--error, #dc2626) 12%,transparent);color:var(--error-text, #b91c1c);border-color:color-mix(in srgb,var(--error, #dc2626) 45%,transparent)}[data-theme=dark] .app-sidebar-logout{color:#fca5a5;border-color:#f8717159}[data-theme=dark] .app-sidebar-logout:hover{background:#ef444426;color:#fecaca;border-color:#f8717180}.app-main-wrap{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-mobile-bar{display:none;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);flex-shrink:0;z-index:40;box-shadow:var(--shadow-sm)}.app-mobile-bar-title{font-weight:700;font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.02em}.app-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.app-sidebar-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover)}.app-sidebar-toggle:active{transform:scale(.97)}.app-sidebar-toggle-bars{display:block;width:1.1rem;height:2px;background:currentColor;border-radius:1px;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.app-main{flex:1;min-width:0;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);transition:background-color var(--transition-base)}.app-header{padding:1.5rem 1.75rem 0;flex-shrink:0}.app-header-title{margin:0;font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.025em;line-height:var(--leading-tight);transition:color var(--transition-base)}.app-header-subtitle{margin:.375rem 0 0;font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-snug);transition:color var(--transition-base)}.app-content{flex:1;padding:1.5rem 1.75rem;overflow:auto;min-height:0}@media (max-width: 768px){.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:var(--sidebar-backdrop);border:none;padding:0;margin:0;cursor:pointer;animation:app-backdrop-in .2s ease-out}@keyframes app-backdrop-in{0%{opacity:0}to{opacity:1}}.app-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:300;width:min(18rem,88vw);transform:translate(-105%);border-right:1px solid var(--sidebar-border)}.app-sidebar--open{transform:translate(0)}.app-mobile-bar{display:flex}.app-header{padding:1rem 1.25rem 0}.app-content{padding:1rem 1.25rem}}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-filters{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:1rem 1.25rem;border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.dashboard-filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.dashboard-filter-field{display:flex;flex-direction:column;gap:.35rem;min-width:140px}.dashboard-filter-field--grow{flex:1 1 220px;min-width:200px}.dashboard-filter-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.dashboard-filter-input{font:inherit;font-size:.9375rem;padding:.5rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);width:100%;box-sizing:border-box}.dashboard-filter-input:focus{outline:2px solid var(--accent-primary);outline-offset:1px}.dashboard-filters-hint{margin:.75rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--text-muted)}.dashboard-filters-row--stack{flex-direction:column;align-items:stretch}.dashboard-filters-row--stack .dashboard-filter-field,.dashboard-filters-row--stack .dashboard-filter-field--grow{flex:none;min-width:0;width:100%}.dashboard-filters-mobile-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-elevated);border-radius:var(--radius-xl);padding:.75rem 1rem;border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.dashboard-filters-mobile-open{flex:0 0 auto;font:inherit;font-weight:600;font-size:.9375rem;padding:.5rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.dashboard-filters-mobile-open:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dashboard-filters-mobile-summary{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.35;flex:1;min-width:0}.dashboard-filters-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073}.dashboard-filters-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-height:min(88vh,100% - 2rem);background:var(--bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--border-default);border-bottom:none;box-shadow:0 -8px 32px #00000024;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.dashboard-filters-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-default);flex-shrink:0}.dashboard-filters-sheet-title{margin:0;font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.dashboard-filters-sheet-close{flex:0 0 auto;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:1.5rem;line-height:1;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer}.dashboard-filters-sheet-close:hover{color:var(--text-primary);background:var(--bg-primary)}.dashboard-filters-sheet-close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dashboard-filters-sheet-body{overflow-y:auto;padding:1rem 1.25rem .5rem;-webkit-overflow-scrolling:touch}.dashboard-filters-sheet-body .dashboard-filters-hint{margin-top:1rem}.dashboard-filters-sheet-footer{padding:.75rem 1rem 1rem;border-top:1px solid var(--border-default);flex-shrink:0}.dashboard-filters-sheet-done{width:100%;font:inherit;font-weight:600;font-size:.9375rem;padding:.65rem 1rem;border-radius:var(--radius-md);border:none;background:var(--accent-primary);color:var(--accent-primary-contrast, #fff);cursor:pointer}.dashboard-filters-sheet-done:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dashboard-card-range{margin:-.5rem 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.35}.dashboard-table-card{overflow-x:auto}.dashboard-data-table{width:100%;border-collapse:collapse;font-size:.875rem}.dashboard-data-table th,.dashboard-data-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-default)}.dashboard-data-table th{font-weight:600;color:var(--text-secondary);font-size:.8125rem}.dashboard-data-table tbody tr:last-child td{border-bottom:none}.dashboard-data-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;color:var(--text-muted);transition:color var(--transition-base)}.dashboard-error{color:var(--error)}.dashboard-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:dashboard-spin .8s linear infinite;margin-bottom:1rem;transition:border-color var(--transition-base)}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard-stat{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:1.375rem;box-shadow:var(--shadow-card);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;border-left:4px solid var(--text-muted);transition:box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.dashboard-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-stat-blue{border-left-color:#3b82f6}.dashboard-stat-green{border-left-color:#22c55e}.dashboard-stat-purple{border-left-color:#a855f7}.dashboard-stat-orange{border-left-color:#f97316}.dashboard-stat-label{margin:0;font-size:.8125rem;color:var(--text-muted);transition:color var(--transition-base)}.dashboard-stat-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:color var(--transition-base)}.dashboard-stat-icon{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.dashboard-stat-icon-blue{background:#dbeafe;color:#2563eb}.dashboard-stat-icon-green{background:#dcfce7;color:#16a34a}.dashboard-stat-icon-purple{background:#f3e8ff;color:#9333ea}.dashboard-stat-icon-orange{background:#ffedd5;color:#ea580c}.dashboard-charts-row,.dashboard-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.dashboard-bottom-row{grid-template-columns:1fr 1fr minmax(280px,1fr)}@media (max-width: 1024px){.dashboard-bottom-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.dashboard-bottom-row{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:1.375rem;box-shadow:var(--shadow-card);border:1px solid var(--border-default);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.dashboard-card:hover{box-shadow:var(--shadow-sm)}.dashboard-card-title{margin:0 0 1rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);transition:color var(--transition-base)}.dashboard-card-title--tight{margin-bottom:.25rem}.dashboard-card-subtitle{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.35}.dashboard-chart-wrap{height:260px;position:relative}.dashboard-chart-doughnut{height:280px}.dashboard-empty{margin:0;padding:2rem;text-align:center;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug);transition:color var(--transition-base)}.dashboard-alerts{display:flex;flex-direction:column;gap:1rem}.dashboard-alert-heading{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:color var(--transition-base)}.dashboard-alert-hint{margin:0 0 .5rem;font-size:.75rem;line-height:1.35;color:var(--text-muted)}.dashboard-alert-list{max-height:140px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.dashboard-alert-list::-webkit-scrollbar{width:6px}.dashboard-alert-list::-webkit-scrollbar-track{background:transparent}.dashboard-alert-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.dashboard-alert-ok{margin:0;padding:.5rem 0;font-size:.875rem;color:var(--success);transition:color var(--transition-base)}.dashboard-alert-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius-md);margin-bottom:.25rem;transition:background var(--transition-base)}.dashboard-alert-danger{background:var(--error-bg)}.dashboard-alert-info{background:var(--info-bg)}.dashboard-alert-item-title{margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:color var(--transition-base)}.dashboard-alert-item-meta{margin:.125rem 0 0;font-size:.75rem;color:var(--text-muted);transition:color var(--transition-base)}.dashboard-alert-item-right{text-align:right}.dashboard-alert-item-value{margin:0;font-size:.875rem;font-weight:600;color:var(--error);transition:color var(--transition-base)}.dashboard-alert-danger .dashboard-alert-item-value{color:var(--error)}.dashboard-activity{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.dashboard-activity-list{display:flex;flex-direction:column}.dashboard-activity-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-default);gap:.75rem;transition:border-color var(--transition-base)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-primary{margin:0;font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:color var(--transition-base)}.dashboard-activity-meta{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-muted);transition:color var(--transition-base)}.dashboard-activity-right{text-align:right;flex-shrink:0;min-width:0}.dashboard-badge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem;max-width:14rem}.dashboard-activity-right .dashboard-activity-primary{margin-bottom:.25rem}.dashboard-activity-amount-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;margin-bottom:.25rem}.dashboard-activity-amount-stack .dashboard-activity-primary{margin-bottom:.125rem}.dashboard-activity-paid-label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.dashboard-activity-order-total{margin-top:.125rem!important}.dashboard-badge{display:inline-block;padding:.2rem .5rem;font-size:.6875rem;font-weight:500;border-radius:9999px;text-transform:capitalize}.dashboard-badge-gray{background:#f5f5f4;color:#57534e}.dashboard-badge-blue{background:#dbeafe;color:#1d4ed8}.dashboard-badge-green{background:#dcfce7;color:#166534}.dashboard-badge-yellow{background:#fef9c3;color:#854d0e}.dashboard-badge-purple{background:#f3e8ff;color:#6b21a8}.dashboard-badge-red{background:#fee2e2;color:#b91c1c}.dashboard-badge-orange{background:#ffedd5;color:#c2410c}.customers{display:flex;flex-direction:column;gap:1.5rem}.customers-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.customers-title{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);transition:color var(--transition-base)}.customers-subtitle{margin:.375rem 0 0;font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-snug);max-width:42ch;transition:color var(--transition-base)}.customers-btn-primary{padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-base);box-shadow:0 2px 8px var(--accent-primary-shadow)}.customers-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-primary-shadow)}.customers-btn-primary:active:not(:disabled){transform:translateY(0)}.customers-btn-primary:disabled{opacity:.85;cursor:not-allowed}.customers-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-primary-light)}.customers-btn-secondary{padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.customers-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.customers-btn-secondary:active{transform:translateY(0)}.customers-card{position:relative;z-index:1;background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-default);padding:1.5rem;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.customers-card:hover{box-shadow:var(--shadow-sm)}.customers-filters{display:grid;grid-template-columns:1fr minmax(150px,auto) auto;gap:1rem;margin-bottom:1.25rem;align-items:stretch}@media (max-width: 640px){.customers-filters{grid-template-columns:1fr}}.customers-input,.customers-select{padding:.75rem 1rem;font-size:1rem;line-height:1.5;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);min-width:120px;width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.customers-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.customers-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer;color:var(--text-primary)!important;font-weight:400}[data-theme=dark] .customers-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.customers-select option{padding:.5rem;background:var(--bg-elevated);color:var(--text-primary)}.customers-select option:first-child{color:var(--text-muted);font-style:italic}.customers-select:not([value=""]){color:var(--text-primary)!important;font-weight:500}.customers-select:focus{z-index:10}.customers-input:focus,.customers-select:focus{outline:none;border-color:var(--border-focus);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light),var(--shadow-md)}.customers-input:hover,.customers-select:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-md)}.customers-error{font-size:.875rem;color:var(--error);background:var(--error-bg);padding:.5rem .75rem;border-radius:var(--radius-md);margin-top:.25rem;animation:loginErrorIn .25s ease-out;transition:color var(--transition-base),background var(--transition-base)}.customers-loading,.customers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:.9375rem;transition:color var(--transition-base)}.customers-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:customers-spin .8s linear infinite;margin-bottom:1rem;transition:border-color var(--transition-base)}@keyframes customers-spin{to{transform:rotate(360deg)}}.customers-table-wrap{overflow-x:auto}.customers-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.875rem}.customers-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.customers-table td{padding:.75rem;border-bottom:1px solid var(--border-default);color:var(--text-secondary);transition:color var(--transition-base),border-color var(--transition-base)}.customers-table tbody tr:hover{background:var(--bg-hover);transition:background var(--transition-base)}.customers-name{font-weight:500;color:var(--text-primary);transition:color var(--transition-base)}.customers-tier{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.customers-tier-bronze{background:#ffedd5;color:#9a3412}.customers-tier-silver{background:#f5f5f4;color:#57534e}.customers-tier-gold{background:#fef9c3;color:#854d0e}.customers-tier-platinum{background:#f3e8ff;color:#6b21a8}.customers-tier-default{background:#f5f5f4;color:#57534e}.customers-actions{display:flex;flex-wrap:wrap;gap:.5rem}.customers-action{padding:.25rem .5rem;font-size:.8125rem;color:var(--info);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.customers-action:hover{background:var(--info-bg);color:var(--info)}.customers-action-danger{color:var(--error)}.customers-action-danger:hover{background:var(--error-bg);color:var(--error)}.customers-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;overflow-y:auto;overflow-x:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customers-modal{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:min(42rem,calc(100vw - 2rem));width:100%;max-height:min(90vh,calc(100vh - 2rem));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border-default);animation:loginCardIn .4s ease-out}.customers-modal-wide{max-width:min(56rem,calc(100vw - 2rem))}.customers-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border-default);flex-shrink:0;box-sizing:border-box}.customers-modal-head h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.customers-modal-close{padding:.25rem;font-size:1.5rem;line-height:1;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base)}.customers-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.customers-modal form{padding:1.5rem 2rem;box-sizing:border-box;overflow-x:hidden;flex:1;display:flex;flex-direction:column}.customers-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem 1.5rem;margin-bottom:1.5rem;box-sizing:border-box;min-width:0;width:100%;padding:0}.customers-form-grid>div{display:flex;flex-direction:column;gap:.375rem}.customers-form-full{grid-column:1 / -1}@media (max-width: 640px){.customers-form-grid{grid-template-columns:1fr;gap:1rem}.customers-modal{max-width:calc(100vw - 1rem);margin:.5rem}.customers-modal form,.customers-modal-head,.customers-modal-footer{padding:1rem 1.25rem}}.customers-form-section{margin-bottom:1.25rem;box-sizing:border-box;width:100%;min-width:0}.customers-form-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.customers-form-section>div{display:flex;flex-direction:column;gap:.375rem}.customers-form-section>label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-base)}.customers-form-grid label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-base)}.customers-form-grid input,.customers-form-section textarea{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);box-sizing:border-box}.customers-form-grid select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.customers-form-grid input::placeholder,.customers-form-section textarea::placeholder{color:var(--text-muted)}.customers-form-grid input:hover,.customers-form-section textarea:hover{background:var(--bg-hover);border-color:var(--border-hover)}.customers-form-grid select:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.customers-form-grid input:focus,.customers-form-section textarea:focus{outline:none;border-color:var(--border-focus);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light)}.customers-form-grid select:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light)}.customers-form-grid input:focus-visible,.customers-form-grid select:focus-visible,.customers-form-section textarea:focus-visible{outline:none}.customers-form-grid select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .customers-form-grid select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.customers-form-grid select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .customers-form-grid select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.customers-form-grid select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .customers-form-grid select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.customers-form-grid select option{padding:.5rem;background:var(--bg-elevated);color:var(--text-primary)}.customers-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;border-top:1px solid var(--border-default);flex-shrink:0;box-sizing:border-box;margin-top:auto}.customers-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem 1.5rem}@media (max-width: 640px){.customers-details-grid{grid-template-columns:1fr}}.customers-details-grid h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.customers-details-grid p{margin:.25rem 0;font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-base)}.customers-notes{padding:0 2rem 1rem;font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-base)}.customers-details-list{max-height:16rem;overflow-y:auto}.customers-muted{color:var(--text-muted);font-size:.875rem;margin:.5rem 0;transition:color var(--transition-base)}.customers-order-card{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;margin-bottom:.5rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:background .15s ease}.customers-order-card:hover{background:var(--bg-hover, rgba(0, 0, 0, .04));transition:border-color var(--transition-base),background var(--transition-base)}.customers-order-id{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.customers-order-meta{font-size:.8125rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.customers-order-right{text-align:right}.customers-order-amount{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.customers-order-date{font-size:.8125rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.customers-history-item{border-left:2px solid var(--border-default);padding:.5rem 0 .5rem 1rem;margin-bottom:.75rem;transition:border-color var(--transition-base)}.customers-history-type{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.customers-history-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.customers-history-date{font-size:.75rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.vendors{display:flex;flex-direction:column;gap:1.5rem}.vendors-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.vendors-title{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);transition:color var(--transition-base)}.vendors-subtitle{margin:.375rem 0 0;font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-snug);max-width:42ch;transition:color var(--transition-base)}.vendors-btn-primary{padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-base);box-shadow:0 2px 8px var(--accent-primary-shadow)}.vendors-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-primary-shadow)}.vendors-btn-primary:active:not(:disabled){transform:translateY(0)}.vendors-btn-primary:disabled{opacity:.85;cursor:not-allowed}.vendors-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-primary-light)}.vendors-btn-secondary{padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.vendors-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.vendors-btn-secondary:active{transform:translateY(0)}.vendors-card{position:relative;z-index:1;background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-default);padding:1.5rem;transition:background-color var(--transition-base),border-color var(--transition-base)}.vendors-filters{display:grid;grid-template-columns:1fr minmax(150px,auto) auto;gap:1rem;margin-bottom:1.25rem;align-items:stretch}@media (max-width: 640px){.vendors-filters{grid-template-columns:1fr}}.vendors-input,.vendors-select{padding:.75rem 1rem;font-size:1rem;line-height:1.5;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);min-width:120px;width:100%;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.vendors-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vendors-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer;color:var(--text-primary)!important;font-weight:400}[data-theme=dark] .vendors-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.vendors-select option{padding:.5rem;background:var(--bg-elevated);color:var(--text-primary)}.vendors-select option:first-child{color:var(--text-muted);font-style:italic}.vendors-select:not([value=""]){color:var(--text-primary)!important;font-weight:500}.vendors-select:focus{z-index:10}.vendors-input:focus,.vendors-select:focus{outline:none;border-color:var(--border-focus);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light),var(--shadow-md)}.vendors-input:hover,.vendors-select:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-md)}.vendors-error{font-size:.875rem;color:var(--error);background:var(--error-bg);padding:.5rem .75rem;border-radius:var(--radius-md);margin-top:.25rem;animation:loginErrorIn .25s ease-out;transition:color var(--transition-base),background var(--transition-base)}@keyframes loginErrorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vendors-loading,.vendors-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:.9375rem;transition:color var(--transition-base)}.vendors-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:vendors-spin .8s linear infinite;margin-bottom:1rem;transition:border-color var(--transition-base)}@keyframes vendors-spin{to{transform:rotate(360deg)}}.vendors-table-wrap{overflow-x:auto}.vendors-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.875rem}.vendors-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-default);transition:color var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.vendors-table td{padding:.75rem;border-bottom:1px solid var(--border-default);color:var(--text-secondary);transition:color var(--transition-base),border-color var(--transition-base)}.vendors-table tbody tr:hover{background:var(--bg-hover);transition:background var(--transition-base)}.vendors-name{font-weight:500;color:var(--text-primary);transition:color var(--transition-base)}.vendors-status{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.vendors-status-active{background:var(--success-bg);color:var(--success)}.vendors-status-inactive{background:var(--error-bg);color:var(--error)}.vendors-actions{display:flex;flex-wrap:wrap;gap:.5rem}.vendors-action{padding:.25rem .5rem;font-size:.8125rem;color:var(--info);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.vendors-action:hover{background:var(--info-bg);color:var(--info)}.vendors-action-danger{color:var(--error)}.vendors-action-danger:hover{background:var(--error-bg);color:var(--error)}.vendors-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;overflow-y:auto;overflow-x:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vendors-modal{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:min(42rem,calc(100vw - 2rem));width:100%;max-height:min(90vh,calc(100vh - 2rem));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border-default);animation:loginCardIn .4s ease-out}.vendors-modal-wide{max-width:min(56rem,calc(100vw - 2rem))}.vendors-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border-default);flex-shrink:0;box-sizing:border-box}.vendors-modal-head h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.vendors-modal-close{padding:.25rem;font-size:1.5rem;line-height:1;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base)}.vendors-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.vendors-modal form{padding:1.5rem 2rem;box-sizing:border-box;overflow-x:hidden;flex:1;display:flex;flex-direction:column}.vendors-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem 1.5rem;margin-bottom:1.5rem;box-sizing:border-box;min-width:0;width:100%;padding:0}.vendors-form-grid>div{display:flex;flex-direction:column;gap:.375rem}.vendors-form-full{grid-column:1 / -1}.vendors-form-section-label{font-size:.8rem;color:var(--text-muted);font-weight:500}@media (max-width: 640px){.vendors-form-grid{grid-template-columns:1fr;gap:1rem}.vendors-modal{max-width:calc(100vw - 1rem);margin:.5rem}.vendors-modal form,.vendors-modal-head,.vendors-modal-footer{padding:1rem 1.25rem}}.vendors-form-section{margin-bottom:1.25rem;box-sizing:border-box;width:100%;min-width:0}.vendors-form-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.vendors-form-section>div{display:flex;flex-direction:column;gap:.375rem}.vendors-form-section>label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-base)}.vendors-form-grid label{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-base)}.vendors-form-grid input,.vendors-form-section textarea{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);box-sizing:border-box}.vendors-form-grid select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base),color var(--transition-base);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.vendors-form-grid input::placeholder,.vendors-form-section textarea::placeholder{color:var(--text-muted)}.vendors-form-grid input:hover,.vendors-form-section textarea:hover{background:var(--bg-hover);border-color:var(--border-hover)}.vendors-form-grid select:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.vendors-form-grid input:focus,.vendors-form-section textarea:focus{outline:none;border-color:var(--border-focus);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light)}.vendors-form-grid select:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-primary-light)}.vendors-form-grid input:focus-visible,.vendors-form-grid select:focus-visible,.vendors-form-section textarea:focus-visible{outline:none}.vendors-form-grid select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .vendors-form-grid select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.vendors-form-grid select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .vendors-form-grid select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.vendors-form-grid select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .vendors-form-grid select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.vendors-form-grid select option{padding:.5rem;background:var(--bg-elevated);color:var(--text-primary)}.vendors-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;border-top:1px solid var(--border-default);flex-shrink:0;box-sizing:border-box;margin-top:auto}.vendors-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem 1.5rem}@media (max-width: 640px){.vendors-details-grid{grid-template-columns:1fr}}.vendors-details-grid h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:color var(--transition-base)}.vendors-details-grid p{margin:.25rem 0;font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-base)}.vendors-notes{padding:0 2rem 1rem;font-size:.875rem;color:var(--text-secondary);transition:color var(--transition-base)}.vendors-details-list{max-height:16rem;overflow-y:auto}.vendors-muted{color:var(--text-muted);font-size:.875rem;margin:.5rem 0;transition:color var(--transition-base)}.vendors-order-card{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;margin-bottom:.5rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);transition:border-color var(--transition-base),background var(--transition-base)}.vendors-order-id{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.vendors-order-meta{font-size:.8125rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.vendors-order-right{text-align:right}.vendors-order-amount{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.vendors-order-date{font-size:.8125rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.vendors-history-item{border-left:2px solid var(--border-default);padding:.5rem 0 .5rem 1rem;margin-bottom:.75rem;transition:border-color var(--transition-base)}.vendors-history-type{font-weight:500;color:var(--text-primary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.vendors-history-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .25rem!important;transition:color var(--transition-base)}.vendors-history-date{font-size:.75rem;color:var(--text-muted);margin:0!important;transition:color var(--transition-base)}.products-page{display:flex;flex-direction:column;gap:1.5rem}.products-header{margin-bottom:.25rem}.products-header h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);transition:color var(--transition-base)}.products-subtitle{margin:.375rem 0 0;font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-snug);max-width:42ch;transition:color var(--transition-base)}.products-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--error-bg);color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.products-error button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);padding:0 .25rem}.products-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.products-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.products-input,.products-select{padding:.75rem 1rem;font-size:1rem;border:1.5px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);min-width:120px;box-sizing:border-box}.products-filters .products-input{flex:1 1 220px;max-width:420px}.products-filters .products-select{flex:0 0 180px}.products-input-readonly{opacity:.85;cursor:default}.products-btn-primary{padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 2px 8px var(--accent-primary-shadow)}.products-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.products-btn-primary:disabled{opacity:.85;cursor:not-allowed}.products-btn-secondary{padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer}.products-card{background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--border-default);padding:1.5rem;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.products-card:hover{box-shadow:var(--shadow-sm)}.products-loading,.products-empty{text-align:center;padding:2.25rem 2rem;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug);transition:color var(--transition-base)}.products-spinner{width:2.5rem;height:2.5rem;margin:0 auto 1rem;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:productsSpin .8s linear infinite}@keyframes productsSpin{to{transform:rotate(360deg)}}.products-table-wrap{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;font-size:.9375rem}.products-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-default);white-space:nowrap}.products-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-default);color:var(--text-primary)}.products-table tbody tr:hover{background:var(--bg-hover)}.products-status{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500}.products-status-active{background:var(--success-bg);color:var(--text-primary)}.products-status-inactive{background:var(--error-bg);color:var(--text-primary)}.products-actions{display:flex;gap:.5rem;flex-wrap:wrap}.products-action{padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--accent-primary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.products-action:hover{text-decoration:underline}.products-action-danger{color:var(--error-text, #b91c1c)}.products-action-danger:hover{text-decoration:underline}.products-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.products-modal{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:min(42rem,calc(100vw - 2rem));width:100%;max-height:min(90vh,calc(100vh - 2rem));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border-default);animation:loginCardIn .4s ease-out}@keyframes loginCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.products-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid var(--border-default)}.products-modal-head h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.products-modal-close{padding:.25rem;font-size:1.5rem;line-height:1;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm)}.products-modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.products-modal form{padding:1.5rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.products-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem 1.5rem;margin-bottom:1.5rem}.products-form-grid>div{display:flex;flex-direction:column;gap:.375rem}.products-form-full{grid-column:1 / -1}.products-form-section-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.products-form-grid label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.products-form-grid input,.products-form-grid select{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);box-sizing:border-box}.products-form-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2344403c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}[data-theme=dark] .products-form-grid select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e7e5e4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.products-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 2rem;border-top:1px solid var(--border-default);margin-top:auto}@media (max-width: 640px){.products-form-grid{grid-template-columns:1fr}.products-modal{max-width:calc(100vw - 1rem)}.products-modal form,.products-modal-head,.products-modal-footer{padding:1rem 1.25rem}}.pos-list-page{padding:1.5rem 1.75rem;max-width:1100px;margin:0 auto;min-height:100%;background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-base),color var(--transition-base)}.pos-list-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1.75rem}.pos-list-header h1{margin:0;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);flex:1 1 auto;line-height:var(--leading-tight);transition:color var(--transition-base)}.pos-list-subtitle{margin:.375rem 0 0;color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-snug);width:100%;max-width:42ch;transition:color var(--transition-base)}.pos-list-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--bg-elevated);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;box-shadow:0 1px 3px var(--accent-primary-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.pos-list-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-primary-shadow)}.pos-list-btn-primary:active{transform:translateY(0)}.pos-list-btn-link{background:none;border:none;color:var(--accent-primary);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.25rem 0;text-decoration:none}.pos-list-btn-link:hover{text-decoration:underline}.pos-list-btn-link:disabled{opacity:.5;cursor:not-allowed}.pos-list-error{padding:.875rem 1.125rem;background:var(--error-bg);color:var(--error);border-radius:var(--radius-md);margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--error)}.pos-list-error button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.8;padding:.25rem;line-height:1}.pos-list-error button:hover{opacity:1}.pos-list-loading{padding:3rem 2rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.pos-list-empty{padding:2.5rem 2rem;text-align:center;font-size:var(--text-base);line-height:var(--leading-snug);color:var(--text-muted);transition:color var(--transition-base);background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px dashed var(--border-default)}.pos-list-table-wrap{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.pos-list-table{width:100%;border-collapse:collapse;font-size:.9375rem}.pos-list-table th,.pos-list-table td{padding:.875rem 1.125rem;text-align:left;border-bottom:1px solid var(--border-default)}.pos-list-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.pos-list-table tbody tr:last-child td{border-bottom:none}.pos-list-row{cursor:pointer;transition:background-color var(--transition-base)}.pos-list-row:hover{background:var(--bg-active)}.pos-list-row:active{background:var(--bg-hover)}.pos-list-type{display:inline-block;padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;letter-spacing:.02em}.pos-list-type-quote{background:var(--info-bg);color:var(--info)}.pos-list-type-order{background:var(--success-bg);color:var(--success)}.pos-list-visits-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.pos-list-visits-title{margin:0 0 .25rem;font-size:1rem;font-weight:600;padding-left:.75rem;border-left:3px solid var(--accent-primary)}.pos-list-visits-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-muted)}.pos-list-visits-empty{margin:0;font-size:.875rem;color:var(--text-muted)}.pos-list-visits-list{list-style:none;margin:0;padding:0}.pos-list-visits-item{padding:.5rem 0;border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:.2rem}.pos-list-visits-item:last-child{border-bottom:none}.pos-list-visits-time{font-size:.875rem;color:var(--text-secondary)}.pos-list-visits-notes{font-size:.8125rem;color:var(--text-muted)}.pos-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pos-list-modal{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0003;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.pos-list-btn-secondary{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer}.pos-list-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.pos-list-btn-secondary:disabled{opacity:.65;cursor:not-allowed}.expected-visits-header{align-items:flex-start}.expected-visits-header-text{flex:1 1 auto;min-width:0}.expected-visits-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (min-width: 640px){.expected-visits-header-actions{margin-top:.125rem}}.expected-visits-success{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin-bottom:1.25rem;background:var(--success-bg);color:var(--success);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);font-size:.9375rem;font-weight:500;animation:expected-visits-fade-in .25s ease}.expected-visits-success-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:.15rem;opacity:.75}.expected-visits-success-dismiss:hover{opacity:1}@keyframes expected-visits-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.expected-visits-modal{max-width:480px;position:relative}.expected-visits-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.expected-visits-modal-head h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.expected-visits-modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.expected-visits-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.expected-visits-field-label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.expected-visits-field-input,.expected-visits-field-select,.expected-visits-field-textarea{width:100%;padding:.5rem .65rem;font-size:.9375rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.expected-visits-field-input:focus,.expected-visits-field-select:focus,.expected-visits-field-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.expected-visits-field-error{margin-top:.35rem;font-size:.8125rem;color:var(--error)}.expected-visits-empty-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:2.75rem 1.5rem}.expected-visits-empty-card p{margin:0;max-width:32ch}.expected-visits-empty-hint{font-size:.875rem;color:var(--text-muted)}.pos-list-table.expected-visits-table tbody tr{transition:background-color var(--transition-base)}.pos-list-table.expected-visits-table tbody tr:hover{background:var(--bg-active)}.pos-list-table.expected-visits-table tbody tr:focus-within{background:var(--bg-active)}.pos-interface{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}.pos-interface-loading{padding:3rem;text-align:center;color:var(--text-muted);font-size:.9375rem}.pos-interface-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border-default);flex-wrap:wrap;box-shadow:var(--shadow-sm);transition:background var(--transition-base),border-color var(--transition-base)}.pos-interface-back{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.pos-interface-back:hover{background:var(--bg-hover);border-color:var(--border-hover)}.pos-interface-header-stats{display:flex;align-items:center;gap:1.5rem;margin-left:auto;padding:.25rem 0}.pos-interface-total{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--accent-primary)}.pos-interface-datetime{color:var(--text-muted);font-size:.875rem}.pos-interface-count{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.pos-interface-error{padding:.875rem 1.125rem;background:var(--error-bg);color:var(--error);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--error)}.pos-interface-error button{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.8;padding:.25rem;line-height:1}.pos-interface-error button:hover{opacity:1}.pos-interface-cart-top{background:var(--bg-elevated);border-bottom:1px solid var(--border-default);padding:1.25rem 1.5rem;margin:0;transition:background var(--transition-base),border-color var(--transition-base)}.pos-interface-cart-top h2{margin:0 0 .35rem;padding-left:.75rem;border-left:3px solid var(--accent-primary);font-size:1rem;font-weight:600;color:var(--text-primary)}.pos-interface-cart-top .pos-interface-hint{margin:0 0 1rem}.pos-interface-cart-list-top{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}@media (min-width: 900px){.pos-interface-cart-list-top{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.pos-interface-payment-details{padding:1rem 0;margin-top:.5rem;border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:.625rem}.pos-interface-payment-details-title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.pos-interface-layout{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;padding:1.5rem;flex:1;max-width:1600px;margin:0 auto;width:100%}.pos-interface-step1-layout{grid-template-columns:1fr minmax(280px,380px);padding:1.25rem 1.5rem}.pos-interface-step1-layout .pos-interface-step-actions,.pos-interface-step1-layout .pos-interface-cart-below{grid-column:1 / -1}@media (max-width: 1024px){.pos-interface-layout{grid-template-columns:1fr;padding:1rem}.pos-interface-header-stats{width:100%;margin-left:0;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-default)}.pos-interface-section{padding:1rem}}.pos-interface-left,.pos-interface-right{display:flex;flex-direction:column;gap:1.25rem}.pos-interface-right{min-width:0}.pos-interface-section{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:1.25rem;box-shadow:var(--shadow-md);transition:background var(--transition-base),border-color var(--transition-base);min-width:0;overflow:hidden}.pos-interface-section h2{margin:0 0 .35rem;padding-left:.75rem;border-left:3px solid var(--accent-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.pos-interface-hint{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted);line-height:1.4}.pos-interface-search-wrapper{margin-bottom:.875rem}.pos-interface-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.pos-interface-search-input::placeholder{color:var(--text-muted)}.pos-interface-search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-empty-row{text-align:center;padding:1.5rem!important;color:var(--text-muted);font-style:italic}.pos-interface-table-wrap{overflow-x:auto;max-height:300px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--border-default)}.pos-interface-table{width:100%;border-collapse:collapse;font-size:.875rem}.pos-interface-table th,.pos-interface-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-default)}.pos-interface-table th{background:var(--bg-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);position:sticky;top:0;z-index:1}.pos-interface-table tbody tr:hover{background:var(--bg-active)}.pos-interface-add-btn{padding:.35rem .75rem;font-size:.8125rem;font-weight:500;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--bg-elevated);border:none;border-radius:6px;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.pos-interface-add-btn:hover{transform:translateY(-.5px);box-shadow:0 2px 8px #b453094d}.pos-interface-add-btn:active{transform:translateY(0)}.pos-interface-empty{margin:0;font-size:.875rem;color:var(--text-muted);padding:.5rem 0}.pos-interface-visits{list-style:none;margin:0;padding:0}.pos-interface-visits li{padding:.625rem 0;border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:.2rem}.pos-interface-visits li:last-child{border-bottom:none}.pos-interface-visit-notes{font-size:.8125rem;color:var(--text-muted)}.pos-interface-customer-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pos-interface-select{flex:1;min-width:0;max-width:100%;padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.pos-interface-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-btn-sm{padding:.5rem .875rem;font-size:.875rem;font-weight:500;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--bg-elevated);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-base)}.pos-interface-btn-sm:hover{transform:translateY(-.5px);box-shadow:0 2px 8px var(--accent-primary-shadow)}.pos-interface-customer-detail{margin:.4rem 0 0;font-size:.8125rem;color:var(--text-muted)}.pos-interface-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem;min-width:0}.pos-interface-details-grid .pos-interface-input{width:100%;max-width:100%;box-sizing:border-box}.pos-interface-input{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-elevated);color:var(--text-primary);width:100%;max-width:100%;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.pos-interface-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-input-full{grid-column:1 / -1;min-width:0}.pos-interface-details-dimensions{grid-column:1 / -1;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-default)}.pos-interface-details-dimensions-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.pos-interface-details-dimensions-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.75rem;align-items:end}.pos-interface-details-dimensions-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary);min-width:0}.pos-interface-details-dimensions-row .pos-interface-input,.pos-interface-details-dimensions-row .pos-interface-select{width:100%;max-width:100%}.pos-interface-cart-list{display:flex;flex-direction:column;gap:.5rem}.pos-interface-cart-line{display:grid;grid-template-columns:1fr auto auto auto;gap:.625rem;align-items:start;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.875rem;border:1px solid var(--border-default)}@media (max-width: 768px){.pos-interface-cart-line{grid-template-columns:1fr;gap:.5rem}.pos-interface-cart-line-subtotal,.pos-interface-remove-btn{justify-self:end}}.pos-interface-cart-line-name{font-weight:500;min-width:0;color:var(--text-primary);display:flex;flex-direction:column;gap:.25rem}.pos-interface-calculated-qty{font-size:.75rem;font-weight:400;color:var(--text-muted);font-style:italic}.pos-interface-cart-line-fields{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-width:0;max-width:100%}.pos-interface-cart-line-fields label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);min-width:0}.pos-interface-cart-line-fields label.pos-interface-calculated-display{flex-direction:row;align-items:center;font-weight:600;color:var(--accent-primary);padding:.25rem .5rem;background:var(--accent-primary-light);border-radius:var(--radius-sm)}.pos-interface-unit-price-readonly{display:inline-block;min-height:2rem;padding:.35rem .5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);line-height:1.25}.pos-interface-cart-line-fields input{width:4.5rem;min-width:0;padding:.3rem .4rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-elevated);color:var(--text-primary)}.pos-interface-cart-line-fields input:focus{outline:none;border-color:var(--border-focus)}.pos-interface-cart-line-subtotal{font-weight:600;color:var(--accent-primary);min-width:4.5rem;text-align:right;align-self:center}.pos-interface-remove-btn{width:1.75rem;height:1.75rem;padding:0;border:none;background:var(--error-bg);color:var(--error);border-radius:var(--radius-sm);font-size:1.1rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--transition-base)}.pos-interface-remove-btn:hover{background:var(--error);color:var(--bg-elevated)}.pos-interface-finalize-grid{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.pos-interface-finalize-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.pos-interface-checkbox-label{flex-direction:row;align-items:center;gap:.5rem}.pos-interface-force-start-label{align-items:flex-start;max-width:42rem}.pos-interface-force-start-label span{font-size:.8125rem;font-weight:400;color:var(--text-muted);line-height:1.45}.pos-interface-notes-label{margin-top:.25rem}.pos-interface-textarea{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;resize:vertical;min-height:64px;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);width:100%;max-width:100%;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.pos-interface-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-save-btn{width:100%;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--bg-elevated);border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 2px 8px var(--accent-primary-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-base)}.pos-interface-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-primary-shadow)}.pos-interface-save-btn:active:not(:disabled){transform:translateY(0)}.pos-interface-save-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.pos-interface-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pos-interface-modal{background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;width:100%;max-height:90vh;overflow:auto;border:1px solid var(--border-default);transition:background var(--transition-base),border-color var(--transition-base)}.pos-interface-modal-create-customer{max-width:min(42rem,calc(100vw - 2rem));max-height:min(90vh,calc(100vh - 2rem));display:flex;flex-direction:column;overflow:hidden}.pos-interface-modal-form-scroll{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.pos-interface-modal-form-scroll .pos-interface-form-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.pos-interface-modal-form-scroll .pos-interface-modal-footer{flex-shrink:0;margin-top:0;padding:1rem 1.5rem}.pos-interface-form-grid-two{grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem;align-items:stretch}.pos-interface-form-grid-two>div{display:flex;flex-direction:column;gap:.375rem;min-width:0}.pos-interface-form-grid-two label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.pos-interface-form-grid-two input,.pos-interface-form-grid-two select{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.pos-interface-form-grid-two input:focus,.pos-interface-form-grid-two select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-form-full{grid-column:1 / -1}.pos-interface-form-section{margin-top:1.25rem}.pos-interface-form-section:first-of-type{margin-top:0}.pos-interface-form-section h4{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.pos-interface-form-section .pos-interface-form-grid-two{margin-top:.5rem}.pos-interface-form-section textarea.pos-interface-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:4.5rem}.pos-interface-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-default);background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.pos-interface-modal-head h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.pos-interface-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem;line-height:1;border-radius:var(--radius-sm);transition:background var(--transition-base),color var(--transition-base)}.pos-interface-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pos-interface-modal form{padding:1.25rem 1.5rem}.pos-interface-form-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:center;margin-bottom:1.25rem}.pos-interface-form-grid label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.pos-interface-form-grid input{padding:.5rem .75rem;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.pos-interface-form-grid input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-light)}.pos-interface-modal-footer{display:flex;gap:.625rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--border-default);margin-top:.5rem}.pos-interface-btn-secondary{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:background var(--transition-base),border-color var(--transition-base)}.pos-interface-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.pos-interface-btn-primary{padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);color:var(--bg-elevated);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.9375rem;transition:transform var(--transition-fast),box-shadow var(--transition-base)}.pos-interface-btn-primary:hover{transform:translateY(-.5px);box-shadow:0 2px 8px #b453094d}.pos-interface-step-badge{font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:.25rem .5rem;background:var(--bg-secondary);border-radius:6px}.pos-interface-tab-head{display:flex;gap:.25rem;margin-bottom:.75rem}.pos-interface-tab{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-base),border-color var(--transition-base)}.pos-interface-tab:hover{background:var(--bg-hover)}.pos-interface-tab.active{background:var(--accent-primary);color:var(--bg-elevated);border-color:var(--accent-primary)}.pos-interface-step-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-default)}.pos-interface-step2-wrap{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.pos-interface-step2-layout{display:grid;grid-template-columns:1fr minmax(200px,280px);gap:1.5rem;align-items:start}.pos-interface-step2-layout .pos-interface-step-actions{grid-column:1 / -1}@media (max-width: 768px){.pos-interface-step2-layout{grid-template-columns:1fr}}.pos-interface-btn-create-customer{padding:.5rem 1rem;background:var(--accent-primary);color:var(--accent-primary-contrast, #fff);border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity var(--transition-base),transform var(--transition-base)}.pos-interface-btn-create-customer:hover{opacity:.92}.pos-interface-type-options{display:flex;flex-direction:column;gap:.75rem}.pos-interface-radio-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-weight:500;color:var(--text-primary);transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.pos-interface-radio-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.pos-interface-radio-card input{accent-color:var(--accent-primary);width:1.125rem;height:1.125rem}.pos-interface-radio-card:has(input:checked){border-color:var(--accent-primary);background:var(--accent-primary-light);box-shadow:0 0 0 1px var(--accent-primary)}.pos-interface-step3,.pos-interface-step3 .pos-interface-section{padding:1.25rem 1.5rem}.pos-interface-step3{background:var(--bg-elevated);border-bottom:1px solid var(--border-default);max-width:1200px;margin:0 auto}.pos-interface-finalize-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.wh-stock-panel{margin-bottom:1.5rem;padding:1.25rem;border-radius:var(--radius-md, 10px);border:1px solid var(--border-default);background:linear-gradient(165deg,color-mix(in srgb,var(--bg-elevated) 100%,transparent),color-mix(in srgb,var(--bg-secondary, #f4f4f5) 35%,var(--bg-elevated)));box-shadow:0 1px 2px color-mix(in srgb,var(--text-primary) 6%,transparent)}.wh-stock-panel h2{font-size:1.15rem;margin:0 0 .35rem;font-weight:600}.wh-stock-lead{color:var(--text-muted);font-size:.875rem;margin:0 0 1rem;line-height:1.45;max-width:52rem}.wh-search-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}@media (min-width: 640px){.wh-search-row{flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:.75rem}}.wh-search-field{flex:1;min-width:min(100%,14rem);display:flex;flex-direction:column;gap:.35rem}.wh-search-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.wh-search-input-wrap{display:flex;align-items:center;gap:.35rem;border:1px solid var(--border-default);border-radius:var(--radius-sm, 8px);background:var(--bg-primary, #fff);padding:.15rem .5rem .15rem .65rem;transition:border-color .15s ease,box-shadow .15s ease}.wh-search-input-wrap:focus-within{border-color:var(--accent-primary, #c2410c);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary, #c2410c) 18%,transparent)}.wh-search-input-wrap input[type=search]{flex:1;border:none;background:transparent;padding:.45rem 0;min-width:0;font-size:.9375rem;color:var(--text-primary)}.wh-search-input-wrap input[type=search]:focus{outline:none}.wh-search-clear{flex-shrink:0;padding:.25rem .5rem;font-size:.75rem;border:none;background:transparent;color:var(--accent-primary, #c2410c);cursor:pointer;border-radius:4px}.wh-search-clear:hover{background:color-mix(in srgb,var(--accent-primary, #c2410c) 10%,transparent)}.wh-catalog-meta{font-size:.8125rem;color:var(--text-muted);min-height:1.25rem}.wh-catalog-meta strong{color:var(--text-secondary);font-weight:600}.wh-results-scroll{max-height:min(42vh,280px);overflow-y:auto;border:1px solid var(--border-default);border-radius:var(--radius-sm, 8px);background:var(--bg-primary, #fff);margin-bottom:1rem}.wh-result-row{width:100%;text-align:left;padding:.65rem .85rem;border:none;border-bottom:1px solid var(--border-default);background:transparent;cursor:pointer;font:inherit;color:var(--text-primary);transition:background .12s ease}.wh-result-row:last-child{border-bottom:none}.wh-result-row:hover{background:color-mix(in srgb,var(--accent-primary, #c2410c) 8%,transparent)}.wh-result-row.wh-result-selected{background:color-mix(in srgb,var(--accent-primary, #c2410c) 14%,transparent);box-shadow:inset 3px 0 0 var(--accent-primary, #c2410c)}.wh-result-title{font-weight:600;font-size:.9rem;display:block}.wh-result-meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.wh-selected-card{padding:1rem;border-radius:var(--radius-sm, 8px);border:1px solid color-mix(in srgb,var(--accent-primary, #c2410c) 35%,var(--border-default));background:color-mix(in srgb,var(--bg-elevated) 92%,var(--accent-primary, #c2410c) 8%);margin-bottom:1rem}.wh-selected-card h3{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.wh-selected-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 520px){.wh-selected-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}}.wh-field label{display:block;font-size:.8125rem;margin-bottom:.3rem;color:var(--text-secondary)}.wh-field input{width:100%;padding:.5rem .6rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default);background:var(--bg-primary, #fff)}.wh-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.wh-empty-hint{padding:1.25rem;text-align:center;color:var(--text-muted);font-size:.875rem}.payments-record-panel{margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-default);max-width:560px;transition:box-shadow .2s ease,border-color .2s ease}.payments-record-panel:focus-within{border-color:var(--border-strong, var(--border-default));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-primary, #c2410c) 25%,transparent)}.payments-record-title{font-size:1.05rem;margin:0 0 1rem;font-weight:600}.payments-form-stack{display:flex;flex-direction:column;gap:.85rem}.payments-form-row{display:flex;flex-direction:column;gap:.35rem}.payments-form-row label{font-size:.875rem;color:var(--text-secondary, var(--text-muted))}.payments-form-row input,.payments-form-row select,.payments-form-row textarea{width:100%;padding:.55rem .65rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-default);background:var(--bg-primary, #fff);color:var(--text-primary);transition:border-color .15s ease}.payments-form-row input:focus,.payments-form-row select:focus,.payments-form-row textarea:focus{outline:none;border-color:var(--accent-primary, #c2410c)}.payments-hint{font-size:.8125rem;color:var(--text-muted);line-height:1.35}.payments-hint-strong{font-weight:600;color:var(--text-secondary)}.payments-method-panel{padding:.75rem;border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--bg-secondary, #f4f4f5) 80%,transparent);border:1px solid var(--border-default);display:flex;flex-direction:column;gap:.75rem}.payments-type-desc{font-size:.8125rem;color:var(--text-muted);margin:-.25rem 0 0;line-height:1.4}.payments-actions{display:flex;gap:.5rem;align-items:center;margin-top:.25rem}.pos-list-status{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;line-height:1.2}.pos-list-status-completed{background:color-mix(in srgb,#16a34a 22%,transparent);color:#15803d}.pos-list-status-pending{background:color-mix(in srgb,#ca8a04 24%,transparent);color:#a16207}.pos-list-status-failed{background:color-mix(in srgb,#dc2626 20%,transparent);color:#b91c1c}.pos-list-status-refunded{background:color-mix(in srgb,#7c3aed 20%,transparent);color:#6d28d9}.pos-list-status-cancelled{background:var(--bg-secondary);color:var(--text-muted)}.fin-inv-page{max-width:1600px;margin:0 auto}.fin-inv-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem}.fin-inv-tabs{display:flex;gap:.25rem;padding:.2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.fin-inv-tab{font:inherit;font-weight:600;font-size:.9rem;padding:.5rem 1.1rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.fin-inv-tab:hover{color:var(--text-primary)}.fin-inv-tab--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.fin-inv-search-row{display:flex;flex-wrap:wrap;gap:.75rem;flex:1;min-width:0;align-items:flex-end}.fin-inv-field{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.fin-inv-field--grow{flex:1 1 220px}.fin-inv-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.fin-inv-input,.fin-inv-select{font:inherit;font-size:.9rem;padding:.5rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);width:100%;box-sizing:border-box}.fin-inv-table-card{background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-card);overflow:visible}.fin-inv-table-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.fin-inv-table{width:100%;border-collapse:collapse;font-size:.8125rem}.fin-inv-table th,.fin-inv-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border-default);vertical-align:top}.fin-inv-table th{font-weight:600;color:var(--text-secondary);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);white-space:nowrap}.fin-inv-table tbody tr:hover{background:color-mix(in srgb,var(--bg-secondary) 55%,transparent)}.fin-inv-table td.fin-inv-num{text-align:right;font-variant-numeric:tabular-nums}.fin-inv-table .fin-inv-paid-col{background:color-mix(in srgb,var(--bg-secondary) 65%,transparent)}.fin-inv-badge{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize}.fin-inv-badge--pending{background:color-mix(in srgb,var(--error, #dc2626) 18%,transparent);color:var(--error, #b91c1c)}.fin-inv-badge--partial{background:color-mix(in srgb,#ca8a04 20%,transparent);color:#a16207}.fin-inv-badge--paid_in_full{background:color-mix(in srgb,#16a34a 22%,transparent);color:#15803d}.fin-inv-badge--quote{background:color-mix(in srgb,var(--accent-primary) 22%,transparent);color:var(--accent-primary-hover)}.fin-inv-badge--cancelled{background:var(--bg-secondary);color:var(--text-muted)}.fin-inv-badge--open{background:color-mix(in srgb,#ea580c 18%,transparent);color:#c2410c}.fin-inv-badge--draft{background:var(--bg-secondary);color:var(--text-muted)}.fin-inv-status-cell{min-width:140px}.fin-inv-status-wrap{position:relative;display:flex;flex-direction:column;gap:.35rem}.fin-inv-progress-track{height:4px;border-radius:2px;background:var(--border-default);overflow:hidden}.fin-inv-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 70%,#16a34a));border-radius:2px;transition:width .2s ease}.fin-inv-popover{display:none;position:absolute;left:0;bottom:calc(100% + .35rem);z-index:50;min-width:280px;max-width:min(360px,92vw);padding:.75rem .85rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.fin-inv-status-wrap:hover .fin-inv-popover{display:block}.fin-inv-popover-title{font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.fin-inv-stepper{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.fin-inv-step{font-size:.68rem;padding:.2rem .4rem;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted)}.fin-inv-step--done{background:color-mix(in srgb,#16a34a 22%,transparent);color:#15803d;font-weight:600}.fin-inv-step-arrow{color:var(--text-muted);font-size:.65rem}.fin-inv-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;font-size:.8125rem;color:var(--text-muted);border-top:1px solid var(--border-default)}.fin-inv-pager{display:flex;align-items:center;gap:.5rem}.fin-inv-pager button{font:inherit;font-size:.8125rem;padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-primary);cursor:pointer;color:var(--text-primary)}.fin-inv-pager button:disabled{opacity:.45;cursor:not-allowed}.fin-inv-hint{margin:0 0 1rem;font-size:.8125rem;line-height:1.45;color:var(--text-muted)}.fin-inv-link{font-weight:600;color:var(--accent-primary);text-decoration:none}.fin-inv-link:hover{text-decoration:underline}.fin-inv-bookkeeping{font-size:.7rem;color:var(--text-muted);max-width:200px;line-height:1.35}.notifications-page .pos-list-header{align-items:center}.notifications-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.notifications-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.notifications-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.notifications-item-high{border-left:3px solid var(--accent-primary)}.notifications-item-medium{border-left:3px solid var(--text-muted)}.notifications-type{flex-shrink:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);min-width:5rem}.notifications-body{flex:1;min-width:0}.notifications-title{display:block;font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem}.notifications-message{margin:0 0 .35rem;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.notifications-date{font-size:.8125rem;color:var(--text-muted)}.notifications-action{flex-shrink:0}.hr-portal{display:flex;flex-direction:column;gap:1.5rem}.hr-portal-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.hr-portal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1c1917)}.hr-portal-subtitle{margin:.25rem 0 0;font-size:.9375rem;color:var(--text-muted, #78716c)}.hr-portal-btn-primary{padding:.875rem 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--accent-primary, #c2410c) 0%,var(--accent-primary-hover, #9a3412) 100%);border:none;border-radius:var(--radius-lg, .5rem);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.hr-portal-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.hr-portal-btn-primary:disabled{opacity:.85;cursor:not-allowed}.hr-portal-btn-secondary{padding:.875rem 1.25rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated, #f5f5f4);border:1.5px solid var(--border-default, #e7e5e4);border-radius:var(--radius-lg, .5rem);cursor:pointer}.hr-portal-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #e7e5e4)}.hr-portal-card{background:var(--bg-elevated, #fff);border-radius:var(--radius-lg, .5rem);border:1px solid var(--border-default, #e7e5e4);padding:1.25rem;box-shadow:0 1px 3px #0000000f}.hr-portal-error{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;background:#fef2f2;color:#b91c1c;border-radius:var(--radius-md, .375rem);font-size:.9375rem}.hr-portal-error button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;padding:0 .25rem}.hr-portal-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.hr-portal-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--border-default);border-top-color:var(--accent-primary, #c2410c);border-radius:50%;animation:hr-portal-spin .7s linear infinite}@keyframes hr-portal-spin{to{transform:rotate(360deg)}}.hr-portal-empty{margin:0;padding:2rem;color:var(--text-muted);text-align:center}.hr-portal-forbidden{padding:1.5rem;background:#fef2f2;color:#b91c1c;border-radius:var(--radius-lg);border:1px solid #fecaca}.hr-portal-table-wrap{overflow-x:auto;max-height:70vh;overflow-y:auto}.hr-portal-table{width:100%;border-collapse:collapse;font-size:.9375rem}.hr-portal-table th,.hr-portal-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-default, #e7e5e4)}.hr-portal-table th{font-weight:600;color:var(--text-muted);background:var(--bg-subtle, #fafaf9);position:sticky;top:0;z-index:1}.hr-portal-table tbody tr:hover{background:var(--bg-hover, #fafaf9)}.hr-portal-cell-muted{color:var(--text-muted)}.hr-portal-status{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500}.hr-portal-status-active{background:#dcfce7;color:#166534}.hr-portal-status-inactive{background:#fef2f2;color:#b91c1c}.hr-portal-action{padding:.35rem .75rem;font-size:.875rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary)}.hr-portal-action:hover{background:var(--bg-hover)}.hr-portal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hr-portal-modal{background:var(--bg-elevated, #fff);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0003;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.hr-portal-modal-title{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.hr-portal-form{display:flex;flex-direction:column;gap:1rem}.hr-portal-form-row{display:flex;flex-direction:column;gap:.35rem}.hr-portal-form-row-inline{flex-direction:row;gap:1rem}.hr-portal-form-row-inline>div{flex:1;display:flex;flex-direction:column;gap:.35rem}.hr-portal-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.hr-portal-required{color:#b91c1c}.hr-portal-input{padding:.5rem .75rem;font-size:1rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary, #fff);color:var(--text-primary)}.hr-portal-input:disabled{opacity:.7;cursor:not-allowed}.hr-portal-label-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem}.hr-portal-checkbox-group{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;padding:.5rem 0}.hr-portal-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem;max-height:14rem;overflow-y:auto;padding:.35rem 0}.hr-portal-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.hr-portal-perm-module{font-size:.75rem;color:var(--text-muted)}.hr-portal-muted{color:var(--text-muted);font-size:.875rem}.hr-portal-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-default)}html,body{width:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}