@charset "UTF-8";:root,[data-theme=default]{--color-primary: #4F46E5;--color-primary-dark: #4338CA;--color-primary-light: #6366F1;--color-secondary: #059669;--color-secondary-dark: #047857;--color-accent: #F97316;--color-accent-dark: #EA580C;--primary-rgb: 79, 70, 229;--secondary-rgb: 5, 150, 105;--accent-rgb: 249, 115, 22;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--error-rgb: 239, 68, 68;--neutral-50: #F0F6FC;--neutral-100: #E4EDF7;--neutral-200: #D0DFF0;--neutral-300: #B4C9E0;--neutral-400: #8FA8C4;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--app-bg: #EEF4FB;--app-bg-gradient: linear-gradient(145deg, #EEF4FB 0%, #E2ECF7 45%, #E8F1FA 100%);--app-bg-gradient-soft: linear-gradient(135deg, #EEF4FB 0%, #E6EFF9 100%);--nav-bg: #4338CA;--nav-bg-gradient: linear-gradient(180deg, #4F46E5 0%, #4338CA 50%, #3730A3 100%);--nav-bg-bottom: linear-gradient(90deg, #4F46E5 0%, #4338CA 50%, #3730A3 100%);--nav-border: rgba(255, 255, 255, .16);--nav-shadow: 0 10px 30px -4px rgba(67, 56, 202, .42), 0 4px 12px rgba(15, 23, 42, .15);--nav-item-idle: rgba(255, 255, 255, .78);--nav-item-idle-subtle: rgba(255, 255, 255, .65);--nav-item-hover-bg: rgba(255, 255, 255, .16);--nav-item-hover-border: rgba(255, 255, 255, .28);--nav-item-active-bg: #1E1B4B;--nav-item-active-border: #818CF8;--nav-item-active-shadow: 0 4px 16px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .1);--nav-item-active-text: #FFFFFF;--nav-divider-color: rgba(255, 255, 255, .16);--nav-footer-btn-bg: rgba(255, 255, 255, .12);--nav-footer-btn-border: rgba(255, 255, 255, .18);--nav-footer-btn-hover: rgba(255, 255, 255, .24);--bg-primary: var(--app-bg);--bg-secondary: #FFFFFF;--bg-tertiary: #E4EDF7;--surface: #FFFFFF;--surface-elevated: #FFFFFF;--surface-hover: #F4F9FD;--hover-bg: #F4F9FD;--bg-surface: #FFFFFF;--bg-input: #F0F6FC;--border-subtle: #D0DFF0;--border-medium: #B4C9E0;--border-strong: #8FA8C4;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-numeric: "DM Mono", "JetBrains Mono", "SF Mono", "Roboto Mono", "Fira Code", Consolas, monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--backdrop-blur: blur(16px);--glass-bg: rgba(255, 255, 255, .88);--glass-border: rgba(96, 165, 250, .14);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--nav-width: 92px;--cart-width: 420px;--header-height: auto;--footer-height: auto;--bottom-nav-height: 60px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}[data-theme=dark]{--dark-bg-primary: #0A0A0B;--dark-bg-secondary: #121212;--dark-bg-tertiary: #1A1A1A;--dark-surface: #1E1E1E;--dark-surface-elevated: #242424;--dark-surface-hover: #2A2A2A;--neutral-50: var(--dark-bg-primary);--neutral-100: var(--dark-bg-secondary);--neutral-200: var(--dark-bg-tertiary);--neutral-300: #2D2D2D;--neutral-400: #3A3A3A;--neutral-500: #4A4A4A;--neutral-600: #6B7280;--neutral-700: #9CA3AF;--neutral-800: #D1D5DB;--neutral-900: #F9FAFB;--app-bg: #0A0A0B;--app-bg-gradient: linear-gradient(145deg, #0A0A0B 0%, #121214 45%, #0F0F12 100%);--app-bg-gradient-soft: linear-gradient(135deg, #0A0A0B 0%, #121214 100%);--nav-bg: #3730A3;--nav-bg-gradient: linear-gradient(180deg, #4338CA 0%, #3730A3 50%, #312E81 100%);--nav-bg-bottom: linear-gradient(90deg, #4338CA 0%, #3730A3 50%, #312E81 100%);--nav-border: rgba(255, 255, 255, .14);--nav-shadow: 0 10px 32px -4px rgba(0, 0, 0, .5), 0 0 1px rgba(99, 102, 241, .4);--nav-item-idle: rgba(255, 255, 255, .78);--nav-item-idle-subtle: rgba(255, 255, 255, .65);--nav-item-hover-bg: rgba(255, 255, 255, .16);--nav-item-hover-border: rgba(255, 255, 255, .28);--nav-item-hover-text: #FFFFFF;--nav-item-active-bg: #1E1B4B;--nav-item-active-border: #818CF8;--nav-item-active-shadow: 0 4px 16px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .1);--nav-item-active-text: #FFFFFF;--nav-divider-color: rgba(255, 255, 255, .14);--nav-footer-btn-bg: rgba(255, 255, 255, .1);--nav-footer-btn-border: rgba(255, 255, 255, .16);--nav-footer-btn-hover: rgba(255, 255, 255, .22);--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--surface: var(--dark-surface);--surface-elevated: var(--dark-surface-elevated);--surface-hover: var(--dark-surface-hover);--hover-bg: var(--dark-surface-hover);--bg-surface: var(--dark-surface);--bg-input: var(--dark-bg-tertiary);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .22);--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-disabled: #6B7280;--success: #10B981;--success-light: rgba(16, 185, 129, .2);--warning: #F59E0B;--warning-light: rgba(245, 158, 11, .2);--error: #EF4444;--error-light: rgba(239, 68, 68, .2);--info: #3B82F6;--info-light: rgba(59, 130, 246, .2);--color-primary: #6366F1;--color-primary-dark: #4F46E5;--color-primary-light: #818CF8;--color-secondary: #059669;--color-secondary-dark: #047857;--color-accent: #F97316;--color-accent-dark: #EA580C;--primary-rgb: 99, 102, 241;--secondary-rgb: 5, 150, 105;--accent-rgb: 249, 115, 22;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--error-rgb: 239, 68, 68;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4), 0 1px 1px -1px rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .2);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--backdrop-blur: blur(20px);--glass-bg: rgba(30, 30, 30, .7);--glass-border: rgba(255, 255, 255, .08);--glow-primary: 0 0 20px rgba(99, 102, 241, .3);--glow-success: 0 0 20px rgba(16, 185, 129, .3);--glow-error: 0 0 20px rgba(239, 68, 68, .3)}*{transition:background-color var(--transition-normal) ease,color var(--transition-normal) ease,border-color var(--transition-normal) ease,box-shadow var(--transition-normal) ease}.no-transitions *{transition:none!important}html,body{background:var(--app-bg-gradient);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;color:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-weight:500;font-size:14px;line-height:1;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:var(--color-secondary-dark);box-shadow:var(--shadow-md)}.btn-danger{background:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#dc2626;box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover{background:var(--color-accent-dark);box-shadow:var(--shadow-md)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600;font-size:16px}.card-header-accent{border-bottom:3px solid var(--color-primary)}input,select,textarea{width:100%;height:40px;padding:0 var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--surface);font-size:14px;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}input::placeholder{color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.digits{font-family:var(--font-numeric);font-weight:600;font-feature-settings:"tnum" 1,"ss01" 1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.price-value{font-family:var(--font-numeric);font-weight:700;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.qty-value{font-family:var(--font-numeric);font-weight:700;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile-only{display:none!important}@media(max-width:767px){.show-mobile-only{display:block!important}}.show-tablet-only{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-tablet-only{display:block!important}}.show-desktop-only{display:none!important}@media(min-width:1024px){.show-desktop-only{display:block!important}}.show-mobile-flex{display:none!important}@media(max-width:767px){.show-mobile-flex{display:flex!important}}.show-tablet-flex{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-tablet-flex{display:flex!important}}.show-desktop-flex{display:none!important}@media(min-width:1024px){.show-desktop-flex{display:flex!important}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:480px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:1024px){.container{max-width:960px}}@media(min-width:1280px){.container{max-width:1140px}}@media(min-width:1536px){.container{max-width:1320px}}.container-fluid{width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:1024px){.container-fluid{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1280px){.container-fluid{padding-left:var(--space-8);padding-right:var(--space-8)}}@media(max-width:767px){.text-center-mobile{text-align:center!important}}@media(max-width:767px){.text-left-mobile{text-align:left!important}}@media(max-width:767px){.flex-col-mobile{flex-direction:column!important}}@media(max-width:767px){.flex-wrap-mobile{flex-wrap:wrap!important}}@media(max-width:767px){.gap-sm-mobile{gap:var(--space-2)!important}}@media(max-width:767px){.p-sm-mobile{padding:var(--space-2)!important}}@media(max-width:767px){.p-md-mobile{padding:var(--space-3)!important}}@media(max-width:767px){.m-0-mobile{margin:0!important}}@media(max-width:767px){.w-full-mobile{width:100%!important}}@media(min-width:768px)and (max-width:1023px){.w-full-tablet{width:100%!important}}@media(hover:none)and (pointer:coarse){.touch-target{min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){.no-animation{animation:none!important;transition:none!important}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.grid-responsive-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.grid-responsive-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.app-screen{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.pos-header,.app-screen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px) var(--space-4, 16px) var(--space-2, 8px);gap:var(--space-3, 12px);border-bottom:1px solid var(--border-subtle);flex-shrink:0;flex-wrap:wrap}.store-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.store-subtitle{color:var(--text-secondary);font-size:.9rem}.store-subtitle.subtle{font-size:.8rem;color:var(--text-tertiary)}.app-screen-body{flex:1;min-height:0;overflow-y:auto;padding:20px 28px 28px}.app-screen-meta-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full, 999px);font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);white-space:nowrap}.ph-hub{flex:1;overflow-y:auto;padding:32px 28px;display:flex;flex-direction:column}.ph-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:1080px}.ph-hub-section-label{grid-column:1/-1;margin-top:8px;padding-top:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-top:1px solid var(--border-subtle)}.ph-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px 18px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;cursor:pointer;transition:box-shadow .18s,border-color .18s,transform .12s;text-decoration:none;color:inherit}.ph-card:hover{box-shadow:0 4px 20px #00000014;border-color:var(--color-primary, #6366f1);transform:translateY(-1px)}.ph-card:hover .ph-card-arrow{opacity:1;transform:translate(2px)}.ph-card--accent{border-style:dashed}.ph-card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ph-card-body{flex:1;min-width:0}.ph-card-body h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.01em}.ph-card-body p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.45}.ph-card-badge{position:absolute;top:12px;right:14px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.28);border-radius:var(--radius-full, 999px);font-size:11px;font-weight:700;letter-spacing:.02em;z-index:2}.ph-card-badge--due{background:#ef44441a;color:#dc2626;border-color:#ef444440}.ph-card-arrow{opacity:.35;flex-shrink:0;transition:opacity .18s,transform .18s;color:var(--text-secondary)}.ph-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ph-back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px 6px 8px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap;flex-shrink:0}.ph-back-btn:hover{color:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);background:#6366f10f}.ca-filter-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.ca-filter-toggle input{accent-color:var(--color-primary, #6366f1)}.app-filter-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.app-filter-chip input{width:14px;height:14px;margin:0;accent-color:#6366f1}.app-filter-chip.active,.app-filter-chip:has(input:checked){border-color:#6366f159;background:#6366f114;color:#4338ca}.app-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.app-toggle input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.app-toggle-track{position:relative;width:40px;height:22px;border-radius:999px;background:var(--neutral-300, #cbd5e1);transition:background .2s ease;flex-shrink:0}.app-toggle.active .app-toggle-track,.app-toggle:has(input:checked) .app-toggle-track{background:#f97316}.app-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:transform .2s ease}.app-toggle.active .app-toggle-thumb,.app-toggle:has(input:checked) .app-toggle-thumb{transform:translate(18px)}.app-toggle-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.app-toggle.active .app-toggle-label,.app-toggle:has(input:checked) .app-toggle-label{color:#c2410c}.ca-summary-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:768px){.ca-summary-cards{grid-template-columns:1fr}}.ca-summary-card{background:var(--bg-primary, var(--surface));border:1px solid var(--neutral-200, var(--border-subtle));border-radius:var(--radius-md, 12px);padding:14px 16px}.ca-summary-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:6px}.ca-summary-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ca-summary-value.warning{color:var(--warning-700, #c2410c)}.ca-summary-value.success{color:var(--success-700, #15803d)}.ca-name-block{display:flex;flex-direction:column;gap:2px;min-width:0}.ca-customer-name{font-weight:600;color:var(--text-primary)}.ca-customer-address{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ca-status-badge{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ca-status-badge.due{background:#f973161f;color:#c2410c}.ca-status-badge.advance{background:#22c55e1f;color:#15803d}.ca-status-badge.clear{background:var(--bg-secondary);color:var(--text-tertiary)}.ca-row-due{background:#f9731608}.table-container{background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-xl, 16px);overflow:auto}.customers-table{display:table;width:100%;border-collapse:collapse;table-layout:auto}.customers-table thead{display:table-header-group;position:sticky;top:0;z-index:2;background:var(--bg-secondary, #f1f5f9)}.customers-table thead tr{display:table-row;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.customers-table thead th{display:table-cell;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border-subtle, #e2e8f0)}.customers-table thead th.text-right{text-align:right}.customers-table tbody{display:table-row-group}.customers-table tbody tr{display:table-row;border-bottom:1px solid var(--border-subtle, #e2e8f0);transition:background .15s ease}.customers-table tbody tr:hover{background:var(--bg-tertiary, #f8fafc)}.customers-table tbody tr:last-child{border-bottom:none}.customers-table tbody td{display:table-cell;padding:12px 16px;font-size:14px;color:var(--text-primary, #1e293b);vertical-align:middle}.customers-table tbody td.text-right{text-align:right}.customers-table .id-cell{font-family:var(--font-mono, monospace);font-size:13px;color:var(--text-secondary)}.customers-table .name-cell{font-weight:500;max-width:280px}.customers-table .name-cell-content{display:flex;align-items:center;gap:12px;min-width:0}.customers-table .contact-cell{font-family:var(--font-mono, monospace);font-size:13px}.customers-table .address-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.customers-table .actions-cell{white-space:nowrap;text-align:right}.customers-table .actions-cell-inner{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.customers-table .actions-cell .btn-icon,.customers-table .actions-cell-inner .btn-icon{width:32px;height:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 8px)}.customers-table .amount.due{color:#c2410c;font-weight:600;font-variant-numeric:tabular-nums}.customers-table .amount{font-variant-numeric:tabular-nums}.ca-actions .actions-cell-inner{display:inline-flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.btn-sm{min-height:34px;padding:0 12px;font-size:13px}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.report-error{padding:10px 14px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#b91c1c;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:8px}.empty-icon{font-size:2rem;opacity:.7}.empty-text{font-size:14px;color:var(--text-secondary)}.loading-cell,.empty-cell{text-align:center}.loading-state{padding:24px;color:var(--text-secondary);font-size:14px}.ledger-profile{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-primary, var(--surface));border:1px solid var(--neutral-200, var(--border-subtle));border-radius:var(--radius-md, 12px);margin-bottom:10px}.ledger-profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-600, #6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.ledger-profile-info{flex:1;min-width:0}.ledger-profile-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.ledger-profile-contact{font-size:.825rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-top:2px}.ledger-profile-balance{text-align:right;padding:10px 16px;border-radius:var(--radius-lg, 12px);flex-shrink:0}.ledger-profile-balance.balance-due{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.ledger-profile-balance.balance-clear{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.ledger-balance-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:2px}.ledger-balance-amount{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}.balance-due .ledger-balance-amount{color:#ef4444}.balance-clear .ledger-balance-amount{color:#22c55e}.report-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}@media(max-width:900px){.report-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.summary-card{padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border-subtle)}.summary-card.info{border-left:3px solid #6366f1}.summary-card.success{border-left:3px solid #22c55e}.summary-card.warning{border-left:3px solid #f59e0b}.summary-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.summary-value{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ledger-view-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;width:fit-content;margin-bottom:12px}.ledger-view-toggle button{padding:8px 14px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer}.ledger-view-toggle button.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.products-toolbar,.app-screen-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;padding:12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary, #f8fafc);flex-shrink:0}.products-toolbar-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;flex:1;min-width:0}.products-toolbar-fields>[toolbarFields],.app-screen-toolbar__fields>[toolbarFields]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;flex:1;min-width:0}@media(min-width:768px){.products-toolbar-fields>[toolbarFields],.app-screen-toolbar__fields>[toolbarFields]{flex-wrap:nowrap}}.products-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.products-toolbar-spacer{flex:1}.products-toolbar--combos{justify-content:flex-end}.products-filter-field{min-width:140px}.products-filter-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, var(--text-secondary));margin-bottom:4px;display:block}.products-filter-field--search{flex:1;min-width:200px;max-width:420px}.products-filter-field--tag{min-width:120px}.products-filter-field--compact{min-width:180px;max-width:320px}.products-filter-select{height:40px;width:100%;border:1px solid var(--border-subtle);border-radius:8px;padding:0 12px;background:var(--surface);color:var(--text-primary);font-size:13px;font-family:inherit}.products-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.products-search-wrap{height:40px;display:flex;align-items:center;position:relative;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface)}.products-search-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.products-search-wrap .products-search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}.products-search-input{width:100%;height:100%;border:none;background:transparent;padding:0 36px 0 40px;font-size:13px;color:var(--text-primary);font-family:inherit}.products-search-input:focus{outline:none}.products-search-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);display:flex;align-items:center}.products-toolbar-btn{height:40px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.app-screen-tabs{display:flex;gap:6px;padding:12px 20px 0;flex-wrap:wrap;flex-shrink:0}.app-screen-tabs button{border:1px solid var(--border-subtle);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer}.app-screen-tabs button.active{background:#6366f11a;border-color:#6366f1;color:#4338ca}.app-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--surface)}.app-alert svg{flex-shrink:0;color:var(--text-secondary)}.app-alert-text{flex:1;min-width:0}.app-alert-text strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:2px}.app-alert-text p{margin:0;font-size:13px;color:var(--text-secondary)}.app-alert-error{background:#ef44440f;border-color:#ef444438}.app-alert-error svg{color:#dc2626}.app-alert-success{background:#22c55e14;border-color:#22c55e38}.app-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;gap:10px}.app-empty-state svg{color:var(--text-tertiary);opacity:.7}.app-empty-state h4{margin:8px 0 0;font-size:16px;font-weight:700;color:var(--text-primary)}.app-empty-state p{margin:0 0 8px;font-size:14px;color:var(--text-secondary);max-width:360px;line-height:1.5}@media(max-width:767px){.app-screen.customers-screen,.products-pane.app-screen.customers-screen{padding-bottom:var(--bottom-nav-height, 0)}.app-screen .products-toolbar,.app-screen-toolbar{flex-direction:column;align-items:stretch}.app-screen .products-toolbar-fields,.app-screen .products-toolbar-actions,.app-screen-toolbar__fields,.app-screen-toolbar__actions{width:100%}.app-screen .products-toolbar-actions .btn,.app-screen-toolbar__actions .btn{width:100%;justify-content:center}}[data-theme=dark] html,[data-theme=dark] body{background:var(--app-bg-gradient)!important;color:var(--text-primary)!important}[data-theme=dark] .pos-layout{background:var(--app-bg-gradient-soft)!important}[data-theme=dark] .nav-pane{background:var(--nav-bg-gradient)!important;border:1px solid var(--nav-border)!important;box-shadow:var(--nav-shadow)!important}[data-theme=dark] .nav-header{border-bottom:1px solid var(--nav-divider-color)!important}[data-theme=dark] .nav-divider{background:var(--nav-divider-color)!important}[data-theme=dark] .nav-footer{background:transparent!important;border-top:1px solid var(--nav-divider-color)!important}[data-theme=dark] .nav-footer-btn{background:var(--nav-footer-btn-bg)!important;border:1px solid var(--nav-footer-btn-border)!important;color:var(--nav-item-idle)!important}[data-theme=dark] .nav-footer-btn:hover{background:var(--nav-footer-btn-hover)!important;border-color:var(--nav-item-hover-border)!important;color:#fff!important}[data-theme=dark] .nav-footer-btn.active{background:var(--nav-item-active-bg)!important;border-color:#fff6!important;color:var(--nav-item-active-text)!important;box-shadow:var(--nav-item-active-shadow)!important}[data-theme=dark] .nav-footer-user{color:#fff!important}[data-theme=dark] .old-bills-pane .pos-header{background:var(--dark-surface)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ob-date-input,[data-theme=dark] .ob-search-input{background:var(--dark-bg-tertiary)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-primary)!important}[data-theme=dark] .ob-date-input:focus,[data-theme=dark] .ob-search-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #6366f140!important}[data-theme=dark] .ob-search-icon-btn,[data-theme=dark] .ob-clear-icon-btn{color:var(--text-secondary)!important}[data-theme=dark] .ob-search-icon-btn:hover,[data-theme=dark] .ob-clear-icon-btn:hover{color:var(--color-primary-light)!important;background:#ffffff14!important}[data-theme=dark] .ob-table-wrap{background:var(--dark-surface)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ob-table thead{background:var(--dark-bg-tertiary)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ob-table thead th{color:var(--text-tertiary)!important}[data-theme=dark] .ob-row{border-bottom:1px solid rgba(255,255,255,.06)!important}[data-theme=dark] .ob-row:hover{background:#ffffff0a!important}[data-theme=dark] .ob-row.ob-row--selected{background:#6366f12e!important;box-shadow:inset 3px 0 0 var(--color-primary)!important}[data-theme=dark] .ob-td-id,[data-theme=dark] .ob-td-amount,[data-theme=dark] .ob-date-main{color:var(--text-primary)!important}[data-theme=dark] .ob-td-date,[data-theme=dark] .ob-date-time{color:var(--text-tertiary)!important}[data-theme=dark] .ob-payment-badge{background:#ffffff0f!important;color:var(--text-secondary)!important}[data-theme=dark] .old-bill-details.cart-pane,[data-theme=dark] .obd{background:var(--dark-surface)!important;border-left:1px solid rgba(255,255,255,.08)!important;color:var(--text-primary)!important}[data-theme=dark] .obd-header{background:var(--dark-surface)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .obd-header-title{color:var(--text-primary)!important}[data-theme=dark] .obd-close{color:var(--text-tertiary)!important}[data-theme=dark] .obd-close:hover{background:#ffffff14!important;color:var(--text-primary)!important}[data-theme=dark] .obd-banner{background:var(--dark-bg-secondary)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .obd-chip{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--text-secondary)!important}[data-theme=dark] .obd-chip svg{stroke:var(--text-tertiary)!important}[data-theme=dark] .obd-items-scroll{background:var(--dark-bg-tertiary)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .obd-items-table thead tr{background:#ffffff0a!important}[data-theme=dark] .obd-items-table th,[data-theme=dark] .obd-items-table td{border-color:#ffffff0f!important}[data-theme=dark] .obd-item-row{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06)!important}[data-theme=dark] .obd-item-row:hover{background:#ffffff08!important}[data-theme=dark] .obd-combo-head-row{background:#f59e0b1f!important;border-color:#f59e0b47!important}[data-theme=dark] .obd-combo-head-name{color:#fcd34d!important}[data-theme=dark] .obd-combo-head-sub{color:#fde68a!important}[data-theme=dark] .obd-item-row-combo{background:#ffffff05!important}[data-theme=dark] .obd-item-tree{color:#94a3b8!important}[data-theme=dark] .obd-row-pill-combo{background:#f59e0b29!important;border-color:#f59e0b52!important;color:#fcd34d!important}[data-theme=dark] .obd-billing{background:var(--dark-bg-secondary)!important;border-top:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .obd-bill-total{border-color:#ffffff1a!important;color:var(--text-primary)!important}[data-theme=dark] .obd-actions{background:var(--dark-surface)!important;border-top:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .obd-empty{color:var(--text-tertiary)!important}[data-theme=dark] .ex-modal-backdrop{background:#000000bf!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}[data-theme=dark] .ex-modal{background:var(--dark-surface)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 24px 64px #000000b3!important}[data-theme=dark] .ex-modal-header{background:linear-gradient(180deg,rgba(99,102,241,.15) 0%,var(--dark-surface) 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ex-modal-header-icon{background:#6366f133!important;color:var(--color-primary-light)!important}[data-theme=dark] .ex-modal-header-text h2{color:#fff!important}[data-theme=dark] .ex-modal-header-text p,[data-theme=dark] .ex-modal-close{color:#9ca3af!important}[data-theme=dark] .ex-modal-close:hover{background:#ffffff14!important;color:#fff!important}[data-theme=dark] .ex-modal-body{background:var(--dark-surface)!important;color:#fff!important}[data-theme=dark] .ex-modal-footer{background:var(--dark-bg-tertiary)!important;border-top:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ex-input{background:var(--dark-bg-tertiary)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}[data-theme=dark] .ex-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #6366f140!important}[data-theme=dark] .ex-amount-prefix{background:#6366f12e!important;border:1px solid rgba(255,255,255,.14)!important;border-right:none!important;color:var(--color-primary-light)!important}[data-theme=dark] .ex-combobox-menu{background:var(--dark-surface-elevated)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 32px #0009!important}[data-theme=dark] .ex-combobox-option{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.06)!important}[data-theme=dark] .ex-combobox-option:hover{background:#ffffff0f!important}[data-theme=dark] .ex-combobox-option--selected{background:#6366f133!important;color:var(--color-primary-light)!important}[data-theme=dark] .ex-combobox-option--add{color:var(--color-primary-light)!important;border-top:1px dashed rgba(255,255,255,.1)!important}[data-theme=dark] .ex-head-row{background:var(--dark-bg-tertiary)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .ex-head-name{color:#fff!important}[data-theme=dark] .ex-heads-empty{color:#9ca3af!important;border:1px dashed rgba(255,255,255,.12)!important}[data-theme=dark] .dash .dash-cmd{background:#121214eb!important;border-bottom:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .dash .dash-card,[data-theme=dark] .dash .dash-kpi,[data-theme=dark] .dash .dash-nav__chip,[data-theme=dark] .dash .dash-spotlight__mtd{background:var(--dark-surface)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .dash .dash-mtd-pill,[data-theme=dark] .dash .dash-heat-card,[data-theme=dark] .dash .dash-rows li,[data-theme=dark] .dash .dash-rank__track,[data-theme=dark] .dash .dash-stat-duo div,[data-theme=dark] .dash .dash-triple div,[data-theme=dark] .dash .dash-tile,[data-theme=dark] .dash .dash-finance-item{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .dash .dash-kpi__val,[data-theme=dark] .dash .dash-card__title,[data-theme=dark] .dash .dash-spotlight__val{color:var(--text-primary)!important}[data-theme=dark] .dash .dash-kpi__label,[data-theme=dark] .dash .dash-card__subtitle{color:var(--text-secondary)!important}[data-theme=dark] .promo .promo__refresh-btn{background:var(--dark-surface)!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-primary)!important}[data-theme=dark] .promo .promo__hero-stat,[data-theme=dark] .promo .ph-card{background:var(--dark-surface)!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .promo .promo__policy-box{background:var(--dark-bg-secondary)!important;border:1px solid rgba(255,255,255,.08)!important}