:root{--color-botanical-50: #f0fdf4;--color-botanical-100: #dcfce7;--color-botanical-200: #bbf7d0;--color-botanical-300: #86efac;--color-botanical-400: #4ade80;--color-botanical-500: #22c55e;--color-botanical-600: #16a34a;--color-botanical-700: #15803d;--color-botanical-800: #166534;--color-botanical-900: #14532d;--color-botanical-950: #052e16;--font-family-display: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-sans: "Outfit", "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-xs: .75rem;--font-sm: .8125rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--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;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--module-sell-accent: #d97706;--module-sell-accent-light: #f59e0b;--module-sell-subtle: #fef3c7;--module-sell-border: #fde68a;--module-sell-text: #92400e;--module-inv-accent: #059669;--module-inv-accent-light: #10b981;--module-inv-subtle: #d1fae5;--module-inv-border: #a7f3d0;--module-inv-text: #065f46;--module-proj-accent: #7c3aed;--module-proj-accent-light: #8b5cf6;--module-proj-subtle: #ede9fe;--module-proj-border: #ddd6fe;--module-proj-text: #5b21b6;--module-purch-accent: #0284c7;--module-purch-accent-light: #0ea5e9;--module-purch-subtle: #e0f2fe;--module-purch-border: #bae6fd;--module-purch-text: #075985;--module-ops-accent: #e11d48;--module-ops-accent-light: #f43f5e;--module-ops-subtle: #ffe4e6;--module-ops-border: #fecdd3;--module-ops-text: #9f1239;--module-admin-accent: #475569;--module-admin-accent-light: #64748b;--module-admin-subtle: #f1f5f9;--module-admin-border: #e2e8f0;--module-admin-text: #1e293b}:root,[data-theme=light]{--color-bg-app: #f8fafc;--color-bg-surface: #ffffff;--color-bg-surface-elevated: #ffffff;--color-bg-surface-subtle: #f1f5f9;--color-bg-hover: #f1f5f9;--color-bg-active: #e2e8f0;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-strong: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-dim: #94a3b8;--color-text-inverse: #ffffff;--color-sidebar-bg: #0d2818;--color-sidebar-surface: #143d26;--color-sidebar-border: #1b4d32;--color-sidebar-text: #e2e8f0;--color-sidebar-text-muted: #94a3b8;--color-sidebar-active-bg: #166534;--color-sidebar-active-text: #ffffff;--color-header-bg: #ffffff;--color-header-border: #e2e8f0;--color-success: #16a34a;--color-success-subtle: #dcfce7;--color-success-border: #86efac;--color-success-text: #14532d;--color-warning: #d97706;--color-warning-subtle: #fef3c7;--color-warning-border: #fde68a;--color-warning-text: #78350f;--color-danger: #dc2626;--color-danger-subtle: #fee2e2;--color-danger-border: #fca5a5;--color-danger-text: #7f1d1d;--color-info: #0284c7;--color-info-subtle: #e0f2fe;--color-info-border: #7dd3fc;--color-info-text: #0c4a6e;--bg-app: var(--color-bg-app);--bg-primary: var(--color-bg-surface);--bg-secondary: var(--color-bg-surface-subtle);--bg-surface: var(--color-bg-surface);--bg-surface-elevated: var(--color-bg-surface-elevated);--bg-hover: var(--color-bg-hover);--bg-active: var(--color-bg-active);--border: var(--color-border);--border-subtle: var(--color-border-subtle);--border-strong: var(--color-border-strong);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-tertiary: var(--color-text-dim);--text-dim: var(--color-text-dim);--text-inverse: var(--color-text-inverse);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--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, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--focus-ring: 0 0 0 3px rgba(34, 197, 94, .25);--focus-ring-sell: 0 0 0 3px rgba(217, 119, 6, .25);--focus-ring-inv: 0 0 0 3px rgba(5, 150, 105, .25);--focus-ring-proj: 0 0 0 3px rgba(124, 58, 237, .25);--scrollbar-thumb: #cbd5e1;--scrollbar-thumb-hover: var(--color-botanical-500);--scrollbar-thumb-active: var(--color-botanical-600)}[data-theme=dark]{--color-bg-app: #080c10;--color-bg-surface: #0f171e;--color-bg-surface-elevated: #151e28;--color-bg-surface-subtle: #18232f;--color-bg-hover: #1f2d3d;--color-bg-active: #27384b;--color-border: #223041;--color-border-subtle: #192432;--color-border-strong: #33465e;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--color-text-inverse: #080c10;--color-sidebar-bg: #070e0a;--color-sidebar-surface: #0f1c14;--color-sidebar-border: #16281e;--color-sidebar-text: #e2e8f0;--color-sidebar-text-muted: #64748b;--color-sidebar-active-bg: #14532d;--color-sidebar-active-text: #ffffff;--color-header-bg: #0f171e;--color-header-border: #223041;--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .35);--color-success-text: #86efac;--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .35);--color-warning-text: #fde68a;--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .15);--color-danger-border: rgba(239, 68, 68, .35);--color-danger-text: #fca5a5;--color-info: #0ea5e9;--color-info-subtle: rgba(14, 165, 233, .15);--color-info-border: rgba(14, 165, 233, .35);--color-info-text: #7dd3fc;--module-sell-accent: #f59e0b;--module-sell-accent-light: #fbbf24;--module-sell-subtle: rgba(245, 158, 11, .15);--module-sell-border: rgba(245, 158, 11, .3);--module-sell-text: #fde68a;--module-inv-accent: #10b981;--module-inv-accent-light: #34d399;--module-inv-subtle: rgba(16, 185, 129, .15);--module-inv-border: rgba(16, 185, 129, .3);--module-inv-text: #a7f3d0;--module-proj-accent: #a78bfa;--module-proj-accent-light: #c4b5fd;--module-proj-subtle: rgba(167, 139, 250, .15);--module-proj-border: rgba(167, 139, 250, .3);--module-proj-text: #ddd6fe;--module-purch-accent: #38bdf8;--module-purch-accent-light: #7dd3fc;--module-purch-subtle: rgba(56, 189, 248, .15);--module-purch-border: rgba(56, 189, 248, .3);--module-purch-text: #bae6fd;--module-ops-accent: #fb7185;--module-ops-accent-light: #fda4af;--module-ops-subtle: rgba(251, 113, 133, .15);--module-ops-border: rgba(251, 113, 133, .3);--module-ops-text: #fecdd3;--module-admin-accent: #94a3b8;--module-admin-accent-light: #cbd5e1;--module-admin-subtle: rgba(148, 163, 184, .15);--module-admin-border: rgba(148, 163, 184, .3);--module-admin-text: #e2e8f0;--bg-app: var(--color-bg-app);--bg-primary: var(--color-bg-surface);--bg-secondary: var(--color-bg-surface-subtle);--bg-surface: var(--color-bg-surface);--bg-surface-elevated: var(--color-bg-surface-elevated);--bg-hover: var(--color-bg-hover);--bg-active: var(--color-bg-active);--border: var(--color-border);--border-subtle: var(--color-border-subtle);--border-strong: var(--color-border-strong);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-tertiary: var(--color-text-dim);--text-dim: var(--color-text-dim);--text-inverse: var(--color-text-inverse);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 8px 10px -6px rgba(0, 0, 0, .6);--focus-ring: 0 0 0 3px rgba(74, 222, 128, .3);--focus-ring-sell: 0 0 0 3px rgba(245, 158, 11, .3);--focus-ring-inv: 0 0 0 3px rgba(16, 185, 129, .3);--focus-ring-proj: 0 0 0 3px rgba(167, 139, 250, .3);--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(74, 222, 128, .5);--scrollbar-thumb-active: #4ade80}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-app);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}.tabular,.num,td,th,.price,.amount,.sku,.barcode-text,.metric-value,.stat-value{font-variant-numeric:tabular-nums lining-nums}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:-.015em}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-md)}h6{font-size:var(--font-base)}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(148, 163, 184, .5)) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(148, 163, 184, .4));border-radius:var(--radius-full);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--color-botanical-500))}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active, var(--color-botanical-600))}::selection{background:var(--color-botanical-200);color:var(--color-botanical-950)}[data-theme=dark] ::selection{background:var(--color-botanical-800);color:var(--color-botanical-100)}.app-shell{display:flex;min-height:100vh;background-color:var(--color-bg-app)}.sidebar{width:260px;background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:width var(--transition-normal),transform var(--transition-normal);color:var(--color-sidebar-text);-webkit-user-select:none;user-select:none}.sidebar.collapsed{width:76px}.sidebar-header{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-sidebar-border);min-height:68px}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;overflow:hidden}.brand-icon{width:38px;height:38px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #00000040;border:1.5px solid rgba(255,255,255,.3);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-brand:hover .brand-icon{transform:scale(1.05);box-shadow:0 3px 10px #4ade8066}.brand-logo-img{width:100%;height:100%;object-fit:cover;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-title{font-family:var(--font-family-display);font-weight:var(--font-weight-extrabold);font-size:var(--font-md);color:#fff;letter-spacing:-.02em;white-space:nowrap}.brand-subtitle{font-size:var(--font-xs);color:var(--color-sidebar-text-muted);white-space:nowrap}.sidebar-toggle-btn{background:transparent;border:none;color:var(--color-sidebar-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar-toggle-btn:hover{color:#fff;background-color:var(--color-sidebar-surface)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2-5);display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4ade8073}.nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.nav-section-title{font-size:var(--font-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);color:var(--color-sidebar-text-muted)}.nav-section-dot{width:7px;height:7px;border-radius:var(--radius-full)}.section-sell .nav-section-dot{background-color:var(--module-sell-accent-light)}.section-inv .nav-section-dot{background-color:var(--module-inv-accent-light)}.section-proj .nav-section-dot{background-color:var(--module-proj-accent-light)}.section-purch .nav-section-dot{background-color:var(--module-purch-accent-light)}.section-ops .nav-section-dot{background-color:var(--module-ops-accent-light)}.section-admin .nav-section-dot{background-color:var(--module-admin-accent-light)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);color:var(--color-sidebar-text);font-size:var(--font-sm);font-weight:var(--font-weight-medium);letter-spacing:-.01em;transition:background-color var(--transition-fast),color var(--transition-fast),transform .18s cubic-bezier(.4,0,.2,1),box-shadow var(--transition-fast);white-space:nowrap;position:relative;border:1px solid transparent}.nav-link:hover{background-color:var(--color-sidebar-surface);color:#fff;transform:translate(4px)}.nav-link:hover .nav-icon{transform:scale(1.08);opacity:1}.nav-link.active{background-color:#14532d;color:#fff;font-weight:var(--font-weight-semibold);border-color:#4ade8038;box-shadow:0 2px 8px #00000040;transform:translate(2px)}.nav-link.active:hover{transform:translate(4px);background-color:#166534}@keyframes activeBarPop{0%{transform:scaleY(.2) scaleX(.6);opacity:.2}50%{transform:scaleY(1.15) scaleX(1.1);opacity:1}75%{transform:scaleY(.96) scaleX(1)}to{transform:scaleY(1) scaleX(1);opacity:1}}@keyframes activeIconBounce{0%{transform:scale(.9)}50%{transform:scale(1.14)}to{transform:scale(1)}}.nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3.5px;border-radius:0 4px 4px 0;transform-origin:center left;animation:activeBarPop .32s cubic-bezier(.34,1.56,.64,1) forwards}.section-sell .nav-link.active:before{background-color:#f59e0b;box-shadow:0 0 6px #f59e0bb3}.section-inv .nav-link.active:before{background-color:#16a34a;box-shadow:0 0 6px #16a34ab3}.section-proj .nav-link.active:before{background-color:#8b5cf6;box-shadow:0 0 6px #8b5cf6b3}.section-purch .nav-link.active:before{background-color:#0284c7;box-shadow:0 0 6px #0284c7b3}.section-ops .nav-link.active:before{background-color:#e11d48;box-shadow:0 0 6px #e11d48b3}.section-admin .nav-link.active:before{background-color:#64748b;box-shadow:0 0 6px #64748b99}.nav-icon{flex-shrink:0;width:18px;height:18px;opacity:.85;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity var(--transition-fast)}.nav-link.active .nav-icon{opacity:1;animation:activeIconBounce .3s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.main-wrapper{flex:1;margin-left:260px;display:flex;flex-direction:column;min-width:0;transition:margin-left var(--transition-normal)}.sidebar.collapsed~.main-wrapper,.main-wrapper.sidebar-collapsed{margin-left:76px}.header{height:68px;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid rgba(226,232,240,.8);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;box-shadow:0 4px 20px -2px #00000008;transition:all var(--transition-normal)}[data-theme=dark] .header{background:#0f172ad9;border-bottom:1.5px solid rgba(51,65,85,.8)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm)}.business-toggle-container{display:flex;align-items:center;background-color:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:var(--radius-full);padding:3px;box-shadow:inset 0 2px 4px #0000000a;gap:3px}[data-theme=dark] .business-toggle-container{background-color:#1e293b;border-color:#334155}.biz-pill{display:flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid transparent;background:transparent;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.biz-pill:hover:not(.active){background-color:#fff9;color:#0f172a}[data-theme=dark] .biz-pill:hover:not(.active){background-color:#ffffff0d;color:#f8fafc}.biz-pill-gn.active{background-color:#16a34a;color:#fff;border-color:#15803d;box-shadow:0 2px 6px #16a34a4d}.biz-pill-nn.active{background-color:#d97706;color:#fff;border-color:#b45309;box-shadow:0 2px 6px #d977064d}.biz-tag{font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.biz-pill-gn .biz-tag{background-color:#dcfce7;color:#15803d}.biz-pill-gn.active .biz-tag{background-color:#ffffff40;color:#fff}.biz-pill-nn .biz-tag{background-color:#fef3c7;color:#b45309}.biz-pill-nn.active .biz-tag{background-color:#ffffff40;color:#fff}.header-right{display:flex;align-items:center;gap:12px}.sync-badge{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000000a}.sync-badge.synced{background-color:#f0fdf4;color:#15803d;border-color:#86efac}.sync-badge.synced:hover{box-shadow:0 2px 6px #16a34a33;transform:translateY(-1px)}.sync-badge.syncing{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.sync-badge.offline{background-color:#fef2f2;color:#b91c1c;border-color:#fca5a5}.sync-dot{width:8px;height:8px;border-radius:var(--radius-full)}.sync-badge.synced .sync-dot{background-color:#22c55e;box-shadow:0 0 6px #22c55e}.sync-badge.syncing .sync-dot{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b;animation:pulse 1s infinite}.sync-badge.offline .sync-dot{background-color:#ef4444;box-shadow:0 0 6px #ef4444}@keyframes pulse{0%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}to{opacity:.3;transform:scale(.85)}}.header-icon-btn{width:38px;height:38px;border-radius:var(--radius-full);border:1.5px solid #e2e8f0;background-color:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000000a}[data-theme=dark] .header-icon-btn{background-color:#1e293b;border-color:#334155;color:#f8fafc}.header-icon-btn:hover{background-color:#f8fafc;color:#0f172a;border-color:#cbd5e1;transform:translateY(-1px)}.user-profile-badge{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 5px;border-radius:var(--radius-full);border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000000a}[data-theme=dark] .user-profile-badge{background:#1e293b;border-color:#334155}.user-profile-badge:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.user-avatar{width:30px;height:30px;border-radius:var(--radius-full);background-color:#059669;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8125rem;box-shadow:0 2px 4px #0596694d}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:.8125rem;font-weight:700;color:#0f172a}[data-theme=dark] .user-name{color:#f8fafc}.user-role-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0284c7}.main-content{flex:1;padding:var(--space-6) var(--space-8);max-width:1600px;width:100%}@media(max-width:1024px){.main-content{padding:var(--space-5) var(--space-5)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-wrapper,.sidebar.collapsed~.main-wrapper{margin-left:0}.mobile-menu-btn{display:flex}.header{padding:0 var(--space-4)}.main-content{padding:var(--space-4) var(--space-3)}.user-info{display:none}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.page-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold)}.page-description{font-size:var(--font-sm);color:var(--color-text-secondary)}.page-actions{display:flex;align-items:center;gap:var(--space-3)}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:var(--color-border-strong)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-surface)}.card-title{font-size:var(--font-md);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-2)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-surface-subtle);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.stat-card.stat-sell .stat-card-accent-bar{background-color:var(--module-sell-accent)}.stat-card.stat-inv .stat-card-accent-bar{background-color:var(--module-inv-accent)}.stat-card.stat-proj .stat-card-accent-bar{background-color:var(--module-proj-accent)}.stat-card.stat-purch .stat-card-accent-bar{background-color:var(--module-purch-accent)}.stat-card.stat-ops .stat-card-accent-bar{background-color:var(--module-ops-accent)}.stat-content{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.stat-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block}.stat-value{font-size:var(--font-2xl);font-weight:var(--font-weight-extrabold);font-family:var(--font-family-display);color:var(--color-text-primary);line-height:1.2;display:block;margin:2px 0 4px}.stat-helper{font-size:var(--font-xs);color:var(--color-text-secondary);display:block;margin-top:4px}.stat-sub{font-size:var(--font-xs);color:var(--color-text-secondary)}.stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-sell .stat-icon-wrapper{background-color:var(--module-sell-subtle);color:var(--module-sell-accent)}.stat-inv .stat-icon-wrapper{background-color:var(--module-inv-subtle);color:var(--module-inv-accent)}.stat-proj .stat-icon-wrapper{background-color:var(--module-proj-subtle);color:var(--module-proj-accent)}.stat-purch .stat-icon-wrapper{background-color:var(--module-purch-subtle);color:var(--module-purch-accent)}.stat-ops .stat-icon-wrapper{background-color:var(--module-ops-subtle);color:var(--module-ops-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-botanical-700);color:#fff;border-color:var(--color-botanical-700);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background-color:var(--color-botanical-800);border-color:var(--color-botanical-800)}.btn-sell{background-color:var(--module-sell-accent);color:#fff;border-color:var(--module-sell-accent)}.btn-sell:hover:not(:disabled){background-color:#b45309}.btn-inv{background-color:var(--module-inv-accent);color:#fff;border-color:var(--module-inv-accent)}.btn-inv:hover:not(:disabled){background-color:#047857}.btn-proj{background-color:var(--module-proj-accent);color:#fff;border-color:var(--module-proj-accent)}.btn-proj:hover:not(:disabled){background-color:#6d28d9}.btn-purch{background-color:var(--module-purch-accent);color:#fff;border-color:var(--module-purch-accent)}.btn-purch:hover:not(:disabled){background-color:#0369a1}.btn-secondary{background-color:var(--color-bg-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background-color:var(--color-bg-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-outline{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#b45309}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger-subtle{background-color:var(--color-danger-subtle);color:var(--color-danger-text);border-color:var(--color-danger-border)}.btn-danger-subtle:hover:not(:disabled){background-color:#fecaca}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-md);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);display:inline-flex;align-items:center;justify-content:center}.btn-icon-only{padding:var(--space-2);width:36px;height:36px}.demo-role-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-surface-subtle);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.demo-role-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:translateY(-1px)}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.form-label .required{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:var(--font-sm);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);box-shadow:0 1px 2px #00000008;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);outline:none}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-botanical-500);box-shadow:0 0 0 3px #22c55e2e;background-color:var(--color-bg-surface)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-bg-surface-subtle);color:var(--color-text-dim);cursor:not-allowed;opacity:.75}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-dim)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-bg-surface) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;caret-color:var(--color-text-primary)!important;transition:background-color 5000s ease-in-out 0s}.input-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;z-index:2}.input-icon-wrapper .form-input{padding-left:38px}.input-addon-group{position:relative;display:flex;align-items:center;width:100%}.input-addon-prefix{position:absolute;left:1px;top:1px;bottom:1px;display:flex;align-items:center;justify-content:center;padding:0 12px;background-color:var(--color-bg-surface-subtle);border-right:1px solid var(--color-border);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-xs);font-weight:var(--font-weight-bold);pointer-events:none}.input-addon-group .form-input{padding-left:42px}.form-textarea{min-height:90px;resize:vertical}.form-helper{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.form-error{font-size:var(--font-xs);color:var(--color-danger);font-weight:var(--font-weight-medium)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:768px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.search-container{position:relative;width:100%;max-width:420px}.search-input{width:100%;padding:var(--space-2-5) var(--space-4) var(--space-2-5) var(--space-10);font-size:var(--font-sm);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-botanical-500);box-shadow:var(--focus-ring)}.search-icon-wrapper{position:absolute;left:var(--space-3-5);top:50%;transform:translateY(-50%);color:var(--color-text-dim);pointer-events:none;display:flex;align-items:center}.table-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-sm)}.table th{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-surface-subtle);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-bg-hover)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;border:1px solid transparent}.badge-success{background-color:var(--color-success-subtle);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background-color:var(--color-warning-subtle);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-subtle);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge-info{background-color:var(--color-info-subtle);color:var(--color-info-text);border-color:var(--color-info-border)}.badge-neutral{background-color:var(--color-bg-surface-subtle);color:var(--color-text-secondary);border-color:var(--color-border)}.badge-sell{background-color:var(--module-sell-subtle);color:var(--module-sell-text);border-color:var(--module-sell-border)}.badge-inv{background-color:var(--module-inv-subtle);color:var(--module-inv-text);border-color:var(--module-inv-border)}.badge-proj{background-color:var(--module-proj-subtle);color:var(--module-proj-text);border-color:var(--module-proj-border)}.badge-purch{background-color:var(--module-purch-subtle);color:var(--module-purch-text);border-color:var(--module-purch-border)}.badge-ops{background-color:var(--module-ops-subtle);color:var(--module-ops-text);border-color:var(--module-ops-border)}.badge-admin{background-color:var(--module-admin-subtle);color:var(--module-admin-text);border-color:var(--module-admin-border)}.badge-primary{background-color:var(--color-success-subtle);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-secondary{background-color:var(--color-bg-surface-subtle);color:var(--color-text-secondary);border-color:var(--color-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-bg-surface);margin:var(--space-4) 0}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-xl);background-color:var(--color-bg-surface-subtle);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.empty-state-desc{font-size:var(--font-sm);color:var(--color-text-secondary);max-width:420px;margin-bottom:var(--space-5)}.tab-list{display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto;padding-bottom:var(--space-2)}.tab-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.tab-btn.active{background-color:var(--color-bg-surface-subtle);color:var(--color-botanical-700);font-weight:var(--font-weight-bold);border:1px solid var(--color-border)}[data-theme=dark] .tab-btn.active{color:var(--color-botanical-400)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.dialog-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;overflow:hidden;animation:dialogPop .15s ease-out}@keyframes dialogPop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.category-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-1)}@media(max-width:768px){.category-card-grid{grid-template-columns:repeat(2,1fr)}}.category-card-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;box-shadow:var(--shadow-xs)}.category-card-btn:hover{border-color:var(--color-botanical-400);background-color:var(--color-bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-card-btn.active{border-color:var(--color-botanical-500);background-color:#f0fdf4;color:var(--color-botanical-900);box-shadow:0 1px 4px #22c55e1f,inset 0 0 0 1px var(--color-botanical-500)}[data-theme=dark] .category-card-btn.active{background-color:#14532d;color:var(--color-botanical-200);border-color:var(--color-botanical-500);box-shadow:0 2px 6px #0006,inset 0 0 0 1px var(--color-botanical-500)}.category-card-icon{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.15rem;background-color:var(--color-bg-surface-subtle);flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.category-card-text-group{display:flex;flex-direction:column;line-height:1.2}.category-card-title{font-size:.8125rem;font-weight:var(--font-weight-bold);line-height:1.2}.category-card-desc{font-size:.72rem;color:var(--color-text-muted)}.category-card-btn:hover .category-card-icon,.category-card-btn.active .category-card-icon{transform:scale(1.12)}.form-section-card{background-color:var(--color-bg-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-4)}.form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.form-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.form-section-badge{font-size:var(--font-xs);padding:2px 8px;border-radius:var(--radius-full);background-color:var(--color-botanical-100);color:var(--color-botanical-800);font-weight:var(--font-weight-semibold)}[data-theme=dark] .form-section-badge{background-color:var(--color-botanical-900);color:var(--color-botanical-300)}.dialog-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.dialog-body{padding:var(--space-6)}.dialog-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-surface-subtle);display:flex;justify-content:flex-end;gap:var(--space-3)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:999;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-bg-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text-primary);font-size:var(--font-sm);font-weight:var(--font-weight-medium);animation:toastSlide .2s ease-out;min-width:280px}@keyframes toastSlide{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.pos-container{display:flex;gap:var(--space-4);height:calc(100vh - 86px);min-height:580px;background-color:var(--color-bg-app)}.pos-catalog{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.pos-catalog-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:14px;background-color:var(--color-bg-surface)}.pos-search-row{display:flex;align-items:center;gap:10px}.pos-search-box{flex:1;position:relative;display:flex;align-items:center}.pos-search-box .search-icon{position:absolute;left:14px;color:#64748b;pointer-events:none}.pos-search-input{width:100%;height:44px;padding:0 42px 0 44px;font-size:.875rem;font-weight:500;color:var(--color-text-primary);background-color:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 2px 6px #00000008;transition:all var(--transition-fast)}.pos-search-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26,0 2px 6px #0000000d}.pos-search-input::placeholder{color:#94a3b8;font-weight:400}.pos-search-clear{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.pos-search-clear:hover{color:var(--color-text-primary);background-color:var(--color-bg-surface-subtle)}.pos-scanner-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background-color:#16a34a14;color:#16a34a;border:1px solid rgba(22,163,74,.25);border-radius:var(--radius-full);white-space:nowrap}.pos-category-pills{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px}.pos-category-pills::-webkit-scrollbar{height:4px}.category-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-bg-surface);color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);box-shadow:0 1px 2px #00000008}.category-pill:hover{background-color:var(--color-bg-surface-subtle);color:var(--color-text-primary);border-color:#cbd5e1;transform:translateY(-1px)}.category-pill.active{background-color:#15803d;color:#fff;border-color:#15803d;box-shadow:0 2px 8px #15803d4d}.category-pill .pill-count{font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:999px;background-color:#0000000f;color:inherit}.category-pill.active .pill-count{background-color:#ffffff40;color:#fff}.pos-product-grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;align-content:start;background-color:#f8fafc}.pos-product-card{background-color:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;min-height:125px;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000005}.pos-product-card:hover{border-color:#16a34a;transform:translateY(-2px);box-shadow:0 8px 16px -4px #16a34a1f,0 2px 6px #0000000a}.pos-product-card:active{transform:translateY(0)}.pos-product-card.in-cart{border-color:#16a34a;background-color:#f0fdf4}.pos-product-card.out-of-stock{opacity:.6;cursor:not-allowed;border-style:dashed;background-color:#f1f5f9}.pos-prod-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px}.pos-prod-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:4px}.pos-prod-badge.plants{background-color:#dcfce7;color:#15803d}.pos-prod-badge.pots{background-color:#ffedd5;color:#c2410c}.pos-prod-badge.fertilizers{background-color:#e0f2fe;color:#0369a1}.pos-prod-badge.flowers{background-color:#fce7f3;color:#be185d}.pos-in-cart-pill{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:999px;background-color:#16a34a;color:#fff}.pos-prod-name{font-size:.875rem;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.pos-prod-sku{font-size:.72rem;color:#64748b;font-family:var(--font-family-mono);font-weight:500}.pos-prod-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px dashed #e2e8f0}.pos-prod-price{font-size:1.05rem;font-weight:800;color:#0f172a;font-family:var(--font-family-display)}.pos-prod-stock{font-size:.72rem;font-weight:600;color:#64748b;display:inline-flex;align-items:center;gap:4px}.pos-prod-stock.low{color:#d97706;font-weight:700}.pos-prod-stock.out{color:#dc2626;font-weight:700}.pos-cart-panel{width:440px;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px -4px #00000014;flex-shrink:0}.pos-cart-header{padding:14px 18px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background-color:var(--color-bg-surface)}.pos-cart-title{font-size:.95rem;font-weight:800;display:flex;align-items:center;gap:8px;margin:0;color:#0f172a}.pos-cart-count-badge{font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:999px;background-color:#16a34a1f;color:#15803d}.pos-customer-card{padding:12px 16px;border-bottom:1px solid var(--color-border);background-color:#f8fafc;display:flex;flex-direction:column;gap:8px;position:relative}.pos-customer-card-header{display:flex;align-items:center;justify-content:space-between}.pos-customer-label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.pos-customer-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.pos-customer-input-wrap{position:relative;display:flex;align-items:center}.pos-customer-input-wrap .field-icon{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.pos-customer-input{width:100%;height:36px;padding:0 10px 0 32px;font-size:.8125rem;font-weight:600;border:1.5px solid #cbd5e1;border-radius:var(--radius-md);background-color:#fff;color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:0 1px 2px #00000008}.pos-customer-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.pos-customer-input::placeholder{color:#94a3b8;font-weight:400}.pos-customer-suggestions{position:absolute;top:100%;left:16px;right:16px;background-color:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #00000026;max-height:180px;overflow-y:auto;z-index:100;margin-top:4px}.pos-customer-suggestion-item{padding:8px 12px;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast)}.pos-customer-suggestion-item:last-child{border-bottom:none}.pos-customer-suggestion-item:hover{background-color:#f0fdf4}.pos-cart-items-wrapper{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background-color:#fff}.pos-cart-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);gap:10px;transition:all var(--transition-fast);box-shadow:0 1px 3px #00000005}.pos-cart-item:hover{border-color:#cbd5e1;background-color:#f8fafc}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.cart-item-price-desc{font-size:.72rem;color:#64748b;margin-top:2px}.cart-qty-controls{display:flex;align-items:center;gap:3px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:2px}.cart-qty-btn{width:24px;height:24px;border-radius:4px;border:none;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 1px 2px #0000000d}.cart-qty-btn:hover{background-color:#16a34a;color:#fff}.cart-qty-val{min-width:24px;text-align:center;font-size:.8125rem;font-weight:800;font-family:var(--font-family-mono)}.cart-item-total{font-size:.875rem;font-weight:800;color:#0f172a;min-width:60px;text-align:right;font-family:var(--font-family-mono)}.cart-item-delete{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast)}.cart-item-delete:hover{color:#dc2626;background-color:#fee2e2}.pos-cart-summary{padding:14px 18px;border-top:1px solid var(--color-border);background-color:#f8fafc;display:flex;flex-direction:column;gap:6px}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#475569}.summary-row.total-row{border-top:1.5px solid #e2e8f0;padding-top:10px;margin-top:4px;font-size:.95rem;font-weight:800;color:#0f172a}.total-value{color:#15803d;font-family:var(--font-family-display);font-size:1.35rem;font-weight:800}.pos-checkout-actions{padding:14px 18px;background-color:#fff;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.quick-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:var(--radius-md);border:1.5px solid #e2e8f0;background-color:#f8fafc;color:#475569;font-size:.72rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);gap:4px}.quick-pay-btn:hover{background-color:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.quick-pay-btn.active{background-color:#f0fdf4;border-color:#16a34a;color:#15803d;box-shadow:0 0 0 2px #16a34a33}.quick-pay-btn.cash.active{background-color:#f0fdf4;border-color:#16a34a;color:#15803d}.quick-pay-btn.upi.active{background-color:#faf5ff;border-color:#9333ea;color:#7e22ce}.quick-pay-btn.card.active{background-color:#f0f9ff;border-color:#0284c7;color:#0369a1}.quick-pay-btn.credit.active{background-color:#fff7ed;border-color:#ea580c;color:#c2410c}.complete-checkout-btn{width:100%;padding:12px 18px;font-size:.95rem;font-weight:800;background-color:#16a34a;color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 4px 12px #16a34a4d;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.complete-checkout-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #16a34a59;background-color:#15803d}.complete-checkout-btn:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}@media(max-width:1024px){.pos-container{flex-direction:column;height:auto}.pos-cart-panel{width:100%}}.print-only{display:none!important}@media print{.sidebar,.header,.no-print,.btn,.toast-container{display:none!important}body{background-color:#fff!important;color:#000!important}.main-wrapper{margin:0!important;padding:0!important}.main-content{margin:0!important;padding:0!important;max-width:100%!important}.print-only{display:block!important}.thermal-receipt-print{width:80mm!important;margin:0 auto!important;padding:2mm!important;font-family:JetBrains Mono,monospace,Courier,sans-serif!important;font-size:11px!important;line-height:1.25!important;color:#000!important}@page receipt-page{size:80mm auto;margin:0}@page{size:A4 portrait;margin:12mm 15mm}.a4-invoice-container{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;padding:0!important;color:#000!important}}.a4-invoice-sheet{background-color:#fff;color:#0f172a;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px 48px;max-width:900px;margin:0 auto;box-shadow:var(--shadow-lg);font-family:var(--font-family-sans)}.invoice-branding-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #0f172a;padding-bottom:20px;margin-bottom:24px}.invoice-header-logo{width:76px;height:76px;object-fit:contain;border-radius:50%;border:1.5px solid #e2e8f0;background-color:#fff;box-shadow:0 2px 6px #0000000f;flex-shrink:0}@media print{.invoice-header-logo{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #cbd5e1!important}}.invoice-biz-title{font-family:var(--font-family-display);font-size:24px;font-weight:800;color:#166534}.invoice-tax-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;background-color:#f1f5f9;color:#334155;margin-top:4px}.invoice-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.invoice-detail-block h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:6px}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:24px}.invoice-table th{background-color:#f8fafc;color:#0f172a;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:10px 12px;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;text-align:left}.invoice-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:13px;vertical-align:middle}.invoice-table .text-right{text-align:right}.invoice-totals-wrapper{display:flex;justify-content:flex-end;margin-bottom:28px}.invoice-totals-table{width:320px}.invoice-totals-table td{padding:6px 0;font-size:13px}.invoice-grand-total{font-size:18px;font-weight:800;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a;padding:8px 0!important}.invoice-footer-notes{border-top:1px solid #e2e8f0;padding-top:16px;font-size:12px;color:#64748b;text-align:center;line-height:1.5}.receipt-preview-card{width:320px;background-color:#fff;color:#000;font-family:JetBrains Mono,monospace,Courier,sans-serif;font-size:12px;padding:18px;margin:0 auto;border:1px dashed #cbd5e1;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.receipt-divider{border-top:1px dashed #94a3b8;margin:8px 0}