:root{--font-main: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-app: #090d16;--bg-sidebar: rgba(15, 23, 42, .92);--bg-topbar: rgba(19, 28, 46, .82);--bg-card: #151f32;--bg-card-hover: #1c2942;--bg-surface: #0f172a;--bg-input: #0b1120;--bg-modal-overlay: rgba(3, 7, 18, .72);--sidebar-border: rgba(51, 65, 85, .65);--sidebar-text-primary: #f8fafc;--sidebar-text-secondary: #94a3b8;--sidebar-text-muted: #64748b;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-active-bg: linear-gradient(90deg, rgba(244, 63, 94, .2) 0%, rgba(244, 63, 94, .04) 100%);--sidebar-active-text: #fb7185;--sidebar-footer-bg: rgba(2, 6, 23, .35);--sidebar-badge-bg: rgba(255, 255, 255, .1);--sidebar-badge-text: #cbd5e1;--draft-bar-bg: rgba(15, 23, 42, .9);--draft-bar-border: rgba(244, 63, 94, .45);--draft-bar-text: #f8fafc;--draft-bar-muted: #94a3b8;--draft-pill-bg: rgba(255, 255, 255, .07);--draft-pill-border: rgba(255, 255, 255, .12);--border-color: #293548;--border-subtle: #1e293b;--border-focus: #f43f5e;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverted: #0f172a;--primary: #f43f5e;--primary-solid: #e11d48;--primary-hover: #be123c;--primary-light: rgba(244, 63, 94, .15);--primary-border: rgba(244, 63, 94, .35);--accent-cyan: #38bdf8;--accent-cyan-bg: rgba(56, 189, 248, .14);--accent-cyan-border: rgba(56, 189, 248, .3);--accent-emerald: #34d399;--accent-emerald-bg: rgba(52, 211, 153, .14);--accent-emerald-border: rgba(52, 211, 153, .3);--accent-amber: #fbbf24;--accent-amber-bg: rgba(251, 191, 36, .14);--accent-amber-border: rgba(251, 191, 36, .3);--accent-danger: #fb7185;--accent-danger-bg: rgba(251, 113, 133, .14);--accent-danger-border: rgba(251, 113, 133, .3);--accent-purple: #a78bfa;--accent-purple-bg: rgba(167, 139, 250, .14);--accent-purple-border: rgba(167, 139, 250, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .32);--shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .42), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .52), 0 4px 8px -4px rgba(0, 0, 0, .38);--shadow-xl: 0 22px 32px -6px rgba(0, 0, 0, .62), 0 8px 12px -6px rgba(0, 0, 0, .48);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 64px;--bottom-bar-height: 72px}[data-theme=light]{--bg-app: #f3f5f9;--bg-sidebar: rgba(255, 255, 255, .92);--bg-topbar: rgba(255, 255, 255, .85);--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-surface: #f1f5f9;--bg-input: #ffffff;--bg-modal-overlay: rgba(15, 23, 42, .48);--sidebar-border: #e2e8f0;--sidebar-text-primary: #0f172a;--sidebar-text-secondary: #475569;--sidebar-text-muted: #64748b;--sidebar-hover-bg: rgba(15, 23, 42, .05);--sidebar-active-bg: linear-gradient(90deg, rgba(225, 29, 72, .11) 0%, rgba(225, 29, 72, .02) 100%);--sidebar-active-text: #e11d48;--sidebar-footer-bg: rgba(241, 245, 249, .8);--sidebar-badge-bg: rgba(15, 23, 42, .07);--sidebar-badge-text: #475569;--draft-bar-bg: rgba(255, 255, 255, .92);--draft-bar-border: rgba(225, 29, 72, .35);--draft-bar-text: #0f172a;--draft-bar-muted: #64748b;--draft-pill-bg: #f1f5f9;--draft-pill-border: #e2e8f0;--border-color: #dbe2ea;--border-subtle: #edf2f7;--border-focus: #e11d48;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverted: #ffffff;--primary: #e11d48;--primary-solid: #e11d48;--primary-hover: #be123c;--primary-light: rgba(225, 29, 72, .1);--primary-border: rgba(225, 29, 72, .26);--accent-cyan: #0284c7;--accent-cyan-bg: rgba(2, 132, 199, .1);--accent-cyan-border: rgba(2, 132, 199, .26);--accent-emerald: #059669;--accent-emerald-bg: rgba(5, 150, 105, .1);--accent-emerald-border: rgba(5, 150, 105, .26);--accent-amber: #d97706;--accent-amber-bg: rgba(217, 119, 6, .1);--accent-amber-border: rgba(217, 119, 6, .26);--accent-danger: #e11d48;--accent-danger-bg: rgba(225, 29, 72, .09);--accent-danger-border: rgba(225, 29, 72, .25);--accent-purple: #7c3aed;--accent-purple-bg: rgba(124, 58, 237, .1);--accent-purple-border: rgba(124, 58, 237, .26);--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, .08), 0 4px 8px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 30px -6px rgba(15, 23, 42, .12), 0 8px 12px -6px rgba(15, 23, 42, .06)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}html,body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overscroll-behavior:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:700;color:var(--text-primary);line-height:1.25}h1{font-size:1.75rem;letter-spacing:-.02em}h2{font-size:1.4rem;letter-spacing:-.01em}h3{font-size:1.15rem}h4{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;touch-action:manipulation}@media(hover:hover)and (pointer:fine){a:hover{text-decoration:underline}}.font-mono{font-family:var(--font-mono)}.app-layout{display:flex;min-height:100vh;min-height:100dvh;background-color:var(--bg-app)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);overflow-x:clip;transition:margin-left .25s ease}@media(max-width:900px){.main-wrapper{width:100%;max-width:100%;margin-left:0}}.main-content{flex:1;padding:24px 32px calc(120px + env(safe-area-inset-bottom,0px)) 32px;max-width:1600px;width:100%;min-width:0;overflow-x:clip;margin:0 auto}@media(max-width:768px){.main-content{padding:16px max(16px,env(safe-area-inset-right,0px)) calc(140px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--bg-sidebar);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:100;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}.sidebar-header{height:var(--header-height);padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--sidebar-border)}.brand-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#e11d48,#be123c);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #e11d4859}.brand-text h1{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--sidebar-text-primary);display:flex;align-items:center;gap:4px}.brand-text span{font-size:.65rem;color:var(--sidebar-text-secondary);letter-spacing:1px;text-transform:uppercase;font-weight:600;display:block}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--sidebar-text-muted);font-weight:700;padding:12px 12px 6px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--sidebar-text-secondary);font-weight:600;font-size:.92rem;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .1s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media(hover:hover)and (pointer:fine){.nav-link:hover{background-color:var(--sidebar-hover-bg);color:var(--sidebar-text-primary);text-decoration:none}}.nav-link:active{transform:scale(.98)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left:3px solid #e11d48}.sidebar-footer{padding:16px;border-top:1px solid var(--sidebar-border);background-color:var(--sidebar-footer-bg)}.user-profile-badge{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.user-info{flex:1;min-width:0}.user-name{font-size:.88rem;font-weight:700;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:var(--radius-sm);background-color:var(--sidebar-badge-bg);color:var(--sidebar-badge-text)}.topbar{min-height:var(--header-height);padding-top:env(safe-area-inset-top,0px);background-color:var(--bg-topbar);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding-left:32px;padding-right:32px;position:sticky;top:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}@media(max-width:768px){.topbar{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}@media(max-width:600px){.hide-on-mobile{display:none!important}}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:12px}.menu-toggle-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:var(--radius-sm)}@media(max-width:900px){.menu-toggle-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #000c}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title h1{font-size:1.6rem;font-weight:800}.page-title p{font-size:.9rem;margin-top:2px}.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);min-width:0;max-width:100%}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:flex-start;justify-content:space-between;min-width:0;max-width:100%;transition:transform .15s ease,box-shadow .15s ease}@media(hover:hover)and (pointer:fine){.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:700;margin-bottom:6px}.stat-value{font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1.1}.stat-subtext{font-size:.8rem;color:var(--text-muted);margin-top:6px}.stat-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}button,[role=button]{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1),background-color .12s ease,border-color .12s ease,box-shadow .12s ease;font-family:var(--font-main);text-decoration:none;white-space:nowrap;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-danger{background-color:#dc2626;color:#fff}.btn-success{background-color:#059669;color:#fff}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;text-decoration:none}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--text-secondary);text-decoration:none}.btn-outline:hover:not(:disabled){background-color:var(--bg-surface);border-color:var(--text-primary);text-decoration:none}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-success:hover:not(:disabled){background-color:#047857}}.btn-sm{padding:5px 10px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:1rem}.btn-icon{padding:8px;border-radius:var(--radius-md)}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.form-label{font-size:.84rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px}.form-input,.form-select,.form-textarea{width:100%;min-width:0;min-height:42px;padding:9px 13px;font-size:.93rem;line-height:1.35;font-family:var(--font-main);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:11px;box-shadow:inset 0 1px 2px #00000014;outline:none;transition:border-color .16s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),background-color .16s ease}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{box-shadow:inset 0 1px 2px #0f172a0a}.form-textarea{min-height:76px;padding:10px 13px;resize:vertical;line-height:1.45}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;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.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 11px center;background-size:16px;cursor:pointer}@media(hover:hover)and (pointer:fine){.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),.form-textarea:hover:not(:disabled):not(:focus){border-color:var(--text-muted)}}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3.5px #e11d482e,inset 0 1px 2px #0000000d}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.55;cursor:not-allowed;background-color:var(--bg-surface)}@media(pointer:coarse),(max-width:640px){input,textarea,select,.form-input,.form-select,.form-textarea{font-size:16px}.form-input,.form-select{min-height:46px;padding:10px 14px;border-radius:12px}.form-select{padding-right:38px}}.form-hint{font-size:.78rem;line-height:1.4;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}.form-col-span-2{grid-column:span 2}.form-section-card{margin-bottom:18px;padding:16px;background-color:var(--bg-surface);border-radius:14px;border:1px solid var(--border-color);box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .form-section-card{box-shadow:inset 0 1px #ffffffd9}.form-section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.form-section-toolbar .form-select{width:auto;min-width:240px;max-width:320px}.form-summary-banner{padding:16px;background-color:var(--bg-surface);border-radius:14px;border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.form-summary-notes{flex:1 1 0%;min-width:220px}.form-summary-totals{text-align:right;margin-left:auto}.filter-bar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;align-items:center}.filter-search-box{position:relative;grid-column:span 2;min-width:0}.filter-search-box svg{position:absolute;left:13px;top:50%!important;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-search-box .form-input{padding-left:38px!important}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--border-subtle)}.apple-switch-label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--text-primary);user-select:none;-webkit-user-select:none}.apple-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;min-height:26px!important;padding:0!important;margin:0;border-radius:9999px;background-color:#94a3b859;border:1px solid rgba(148,163,184,.25);cursor:pointer;flex-shrink:0;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1)}.apple-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000047,0 1px 1px #00000029;transition:transform .22s cubic-bezier(.22,1,.36,1),width .12s ease}.apple-switch:active:after{width:23px}.apple-switch:checked{background-color:var(--primary);border-color:var(--primary)}.apple-switch:checked:after{transform:translate(18px)}.apple-switch:checked:active:after{transform:translate(15px)}.apple-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.apple-switch-label-sm{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;font-size:.76rem;color:var(--text-secondary);user-select:none;-webkit-user-select:none}.apple-switch.apple-switch-sm{width:34px;height:20px;min-height:20px!important}.apple-switch.apple-switch-sm:after{top:2px;left:2px;width:14px;height:14px}.apple-switch.apple-switch-sm:active:after{width:17px}.apple-switch.apple-switch-sm:checked:after{transform:translate(14px)}.apple-switch.apple-switch-sm:checked:active:after{transform:translate(11px)}.apple-picker{position:relative;flex:0 1 360px;width:100%;max-width:380px;min-width:220px;height:auto}.apple-picker-input-wrap{position:relative;display:flex;align-items:center}.apple-picker-search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.apple-picker-input{padding-left:36px!important;padding-right:32px!important;font-size:.86rem}.apple-picker-clear-btn{position:absolute;right:8px;width:22px;height:22px;border-radius:50%;border:none;background:#94a3b833;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.apple-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;max-height:280px;overflow-y:auto;overscroll-behavior:contain;background:#0f172af0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:14px;padding:6px;box-shadow:0 18px 36px -8px #0000008c,0 6px 14px -4px #00000059,inset 0 1px #ffffff14;animation:scaleIn .16s cubic-bezier(.22,1,.36,1)}[data-theme=light] .apple-picker-dropdown{background:#fffffff2;box-shadow:0 18px 36px -8px #0f172a29,0 6px 14px -4px #0f172a14,inset 0 1px #fff}.apple-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-family:var(--font-main);transition:background-color .14s ease,transform .1s ease-out}.apple-picker-option:active:not(:disabled){transform:scale(.985)}@media(hover:hover)and (pointer:fine){.apple-picker-option:hover:not(:disabled){background-color:#e11d481f}}.apple-picker-option.is-disabled{opacity:.45;cursor:not-allowed}.apple-picker-option-main{min-width:0;flex:1}.apple-picker-option-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.86rem;font-weight:700;line-height:1.25}.apple-picker-sku{font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:5px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.apple-picker-option-meta{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-secondary);margin-top:2px}.apple-picker-option-meta .text-danger{color:#f43f5e;font-weight:600}.apple-picker-add-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:9999px;background:#e11d4826;color:#f43f5e;font-size:.75rem;font-weight:700;flex-shrink:0}[data-theme=light] .apple-picker-add-badge{color:var(--primary)}.apple-picker-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 12px;font-size:.84rem;color:var(--text-muted)}.apple-number-stepper,.apple-qty-stepper{display:flex;align-items:stretch;width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;min-height:40px;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.apple-number-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #e11d4824}.apple-number-stepper.is-disabled{opacity:.52;background:var(--bg-surface);cursor:not-allowed}.apple-number-stepper-sm,.apple-qty-stepper{min-height:36px;border-radius:9px}.apple-stepper-btn,.apple-qty-btn{width:38px;min-height:38px;border:none;background:var(--bg-surface);color:var(--text-primary);font-size:1.12rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background-color .11s ease,color .11s ease,transform 85ms cubic-bezier(.22,1,.36,1)}.apple-number-stepper-sm .apple-stepper-btn,.apple-qty-btn{width:34px;min-height:34px;font-size:1.02rem}.apple-stepper-btn-dec{border-right:1px solid var(--border-subtle)}.apple-stepper-btn-inc{border-left:1px solid var(--border-subtle)}@media(hover:hover)and (pointer:fine){.apple-stepper-btn:hover:not(:disabled),.apple-qty-btn:hover:not(:disabled){background:#e11d481a;color:var(--primary)}}.apple-stepper-btn:active:not(:disabled),.apple-qty-btn:active:not(:disabled){transform:scale(.91);background:#e11d4833;color:var(--primary)}.apple-stepper-btn:disabled,.apple-qty-btn:disabled{opacity:.32;cursor:not-allowed}.apple-stepper-field-wrap{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;padding:0 6px;background:transparent}.apple-stepper-affix{font-size:.78rem;font-weight:700;color:var(--text-muted);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0}.apple-stepper-prefix{margin-right:2px}.apple-stepper-suffix{margin-left:2px}.apple-stepper-input,.apple-qty-input{width:100%;min-width:0;border:none!important;box-shadow:none!important;outline:none!important;border-radius:0!important;text-align:center;padding:4px 2px!important;min-height:36px!important;height:36px;font-size:.92rem!important;font-weight:700;background:transparent!important;color:var(--text-primary);font-variant-numeric:tabular-nums;-moz-appearance:textfield}.apple-number-stepper-sm .apple-stepper-input,.apple-qty-input{min-height:32px!important;height:32px;font-size:.86rem!important}.apple-stepper-input::-webkit-outer-spin-button,.apple-stepper-input::-webkit-inner-spin-button,.apple-qty-input::-webkit-outer-spin-button,.apple-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){.form-col-span-2,[style*="grid-column: span 2"]{grid-column:1 / -1!important}.card-header .btn{white-space:normal;text-align:left;height:auto}}@media(max-width:640px){.form-row{grid-template-columns:1fr!important;gap:14px}.form-group{margin-bottom:14px}.form-section-card{padding:14px;border-radius:13px}.filter-bar-grid{grid-template-columns:1fr!important}.filter-search-box{grid-column:1 / -1!important}.form-section-toolbar{flex-direction:column;align-items:stretch}.form-section-toolbar .form-select,.form-section-toolbar .btn,.form-section-toolbar .apple-picker,.apple-picker{flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;justify-content:center}.apple-picker-dropdown{position:relative;top:auto;left:auto;right:auto;margin-top:6px;max-height:240px;z-index:30}.apple-qty-stepper{min-height:42px;border-radius:11px}.apple-qty-btn{width:40px;height:40px}.apple-qty-input{min-height:40px!important;height:40px;font-size:16px!important}.form-summary-banner{flex-direction:column;align-items:stretch;padding:14px}.form-summary-notes{flex:0 0 auto;width:100%;min-width:0}.form-summary-totals{width:100%;text-align:right;padding-top:12px;border-top:1px solid var(--border-subtle)}.modal-body .form-actions{position:sticky;bottom:-20px;margin:18px -18px -20px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px)) 18px;background:#0f172adb;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-top:1px solid var(--border-color);z-index:15}[data-theme=light] .modal-body .form-actions{background:#ffffffe0}.form-actions .btn{flex:1 1 0;min-height:46px;border-radius:12px;font-size:.94rem;justify-content:center}}.settings-hero{margin-bottom:24px}.settings-page-header{margin-bottom:18px}.settings-title-group{display:flex;align-items:center;gap:14px;min-width:0}.settings-header-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);background:linear-gradient(145deg,#e11d482e,#e11d480f);border:1px solid rgba(225,29,72,.25);box-shadow:inset 0 1px #fff3,0 2px 8px #e11d481f}[data-theme=light] .settings-header-badge{background:linear-gradient(145deg,#e11d481f,#e11d480a);border-color:#e11d4833;box-shadow:inset 0 1px #fffc,0 2px 6px #e11d4814}.settings-page-header .page-title h1{font-size:clamp(1.4rem,2.2vw,1.7rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;font-optical-sizing:auto}.settings-page-header .page-title p{font-size:.9rem;line-height:1.4;letter-spacing:-.005em;color:var(--text-secondary);margin-top:3px}.settings-save-btn{border-radius:11px;padding:9px 18px;font-size:.88rem;font-weight:600;letter-spacing:-.01em;box-shadow:0 4px 12px #e11d4847,inset 0 1px #ffffff38}.settings-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:16px;width:100%;max-width:100%;background:#0f172aa6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #00000059,0 1px #ffffff0a}[data-theme=light] .settings-tabs{background:#e2e8f0a6;border:1px solid rgba(15,23,42,.07);box-shadow:inset 0 1px 2px #0f172a0f,0 1px #ffffffd9}.settings-tab-btn{position:relative;flex:1 1 auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 14px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-main);font-size:.86rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .2s cubic-bezier(.22,1,.36,1),color .18s ease,box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .2s ease}.settings-tab-btn:active{transform:scale(.97);transition:transform 90ms ease-out}.settings-tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){.settings-tab-btn:hover:not(.is-active){color:var(--text-primary);background-color:#ffffff0b}[data-theme=light] .settings-tab-btn:hover:not(.is-active){color:var(--text-primary);background-color:#ffffff8c}}.settings-tab-btn.is-active{background:linear-gradient(180deg,#243248f5,#1e293bf5);color:#fff;font-weight:700;border-color:#ffffff1f;box-shadow:0 4px 12px -2px #00000073,0 2px 4px -1px #0000004d,inset 0 1px #ffffff1f}[data-theme=light] .settings-tab-btn.is-active{background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;border-color:#0f172a14;box-shadow:0 4px 12px -2px #0f172a1a,0 2px 4px -1px #0f172a0f,inset 0 1px #fff}.settings-tab-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s ease,color .22s ease,box-shadow .22s ease}.settings-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.settings-tab-btn[data-accent=crimson] .settings-tab-icon{background:#e11d4824;color:#fb7185}[data-theme=light] .settings-tab-btn[data-accent=crimson] .settings-tab-icon{background:#e11d481f;color:#e11d48}.settings-tab-btn[data-accent=crimson].is-active .settings-tab-icon{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 3px 8px #e11d4859,inset 0 1px #ffffff40}.settings-tab-btn[data-accent=blue] .settings-tab-icon{background:#3b82f624;color:#60a5fa}[data-theme=light] .settings-tab-btn[data-accent=blue] .settings-tab-icon{background:#2563eb1f;color:#2563eb}.settings-tab-btn[data-accent=blue].is-active .settings-tab-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 8px #2563eb59,inset 0 1px #ffffff40}.settings-tab-btn[data-accent=purple] .settings-tab-icon{background:#8b5cf624;color:#a78bfa}[data-theme=light] .settings-tab-btn[data-accent=purple] .settings-tab-icon{background:#7c3aed1f;color:#7c3aed}.settings-tab-btn[data-accent=purple].is-active .settings-tab-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 3px 8px #7c3aed59,inset 0 1px #ffffff40}.settings-tab-btn[data-accent=cyan] .settings-tab-icon{background:#0ea5e924;color:#38bdf8}[data-theme=light] .settings-tab-btn[data-accent=cyan] .settings-tab-icon{background:#0284c71f;color:#0284c7}.settings-tab-btn[data-accent=cyan].is-active .settings-tab-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 3px 8px #0284c759,inset 0 1px #ffffff40}.settings-tab-btn[data-accent=amber] .settings-tab-icon{background:#f59e0b26;color:#fbbf24}[data-theme=light] .settings-tab-btn[data-accent=amber] .settings-tab-icon{background:#d977061f;color:#d97706}.settings-tab-btn[data-accent=amber].is-active .settings-tab-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 3px 8px #d9770659,inset 0 1px #ffffff40}@keyframes settingsTabEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-tab-panel{animation:settingsTabEnter .22s cubic-bezier(.22,1,.36,1)}@media(max-width:768px){.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:14px}.settings-tab-btn{width:100%;min-width:0;justify-content:flex-start;text-align:left;white-space:normal;padding:10px 12px;border-radius:10px}.settings-tab-btn:last-child:nth-child(odd){grid-column:1 / -1}.settings-tab-label{overflow:visible;text-overflow:clip}}@media(max-width:380px){.settings-tabs{grid-template-columns:1fr}.settings-tab-btn:last-child:nth-child(odd){grid-column:auto}}@media(prefers-reduced-motion:reduce){.settings-tab-btn,.settings-tab-icon{transition:background-color .15s ease,color .15s ease,border-color .15s ease;transform:none!important}.settings-tab-panel{animation:none}}@media(prefers-reduced-transparency:reduce){.settings-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-surface)}}@media(prefers-contrast:more){.settings-tab-btn.is-active{border-color:var(--primary)}}.table-container{position:relative;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card)}.table-container::-webkit-scrollbar{height:7px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background-color:#94a3b866;border-radius:9999px}.table-container::-webkit-scrollbar-thumb:hover{background-color:#94a3b8a6}.table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.9rem}.table th{background-color:var(--bg-surface);color:var(--text-secondary);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;white-space:normal}.table tr:last-child td{border-bottom:none}@media(min-width:769px){.table-container.is-dragging-scroll{cursor:grabbing;user-select:none;-webkit-user-select:none;scroll-behavior:auto}.table thead th:first-child{position:sticky;left:0;z-index:3;background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);box-shadow:none}.table tbody td:first-child:not([colspan]){position:sticky;left:0;z-index:2;background-color:var(--bg-card);border-right:1px solid var(--border-subtle);box-shadow:none;transition:background-color .12s ease}.table tbody tr:hover td:first-child:not([colspan]){background-color:var(--bg-card-hover)}}@media(hover:hover)and (pointer:fine){.table tr:hover td{background-color:var(--bg-card-hover)}}.table-dense th{padding:8px 12px;font-size:.72rem}.table-dense td{padding:8px 12px;font-size:.85rem}@media(max-width:768px){.main-content{min-width:0;overflow-x:clip}}@media(max-width:768px){.table-container{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;width:100%!important;min-width:0!important;max-width:100%!important}.table-container .table{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:100%!important;border:none!important;background:transparent!important;gap:14px!important}.table-container .table thead{display:none!important}.table-container .table tbody{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important}.table-container .table tbody tr{display:flex!important;flex-direction:column!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;padding:16px 18px!important;box-shadow:0 4px 14px -2px #0000002e,0 2px 6px -1px #0000001a!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.card .table-container .table tbody tr,.modal-body .table-container .table tbody tr{background:var(--bg-surface)!important;border-color:var(--border-color)!important;box-shadow:0 2px 8px #00000014!important}.table-container .table tbody tr:active{transform:scale(.99)!important}.table-container .table tbody td{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;max-width:100%!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;padding:9px 0!important;border-bottom:1px solid var(--border-subtle)!important;border-top:none!important;border-left:none!important;border-right:none!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box!important;text-align:right!important;gap:12px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.table-container .table tbody td>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.table-container .table tbody td:last-child{border-bottom:none!important}.table-container .table tbody td[data-label]:before{content:attr(data-label);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:left;flex-shrink:0;max-width:45%;line-height:1.35}.table-container .table tbody td.table-card-title,.table-container .table tbody td:first-child:not([colspan]){font-size:1.02rem!important;font-weight:700!important;color:var(--text-primary)!important;padding-top:0!important;padding-bottom:12px!important;margin-bottom:2px!important;border-bottom:1px solid var(--border-color)!important;align-items:flex-start!important}.table-container .table tbody td.table-card-stacked,.table-container .table tbody td[data-stacked=true]{flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:6px!important}.table-container .table tbody td.table-card-stacked:before,.table-container .table tbody td[data-stacked=true]:before{margin-bottom:2px!important;max-width:100%!important}.table-container .table tbody td.table-card-stacked>*,.table-container .table tbody td[data-stacked=true]>*{width:100%!important;max-width:100%!important;text-align:left!important}.table-container .table tbody td.table-card-actions,.table-container .table tbody td:last-child:has(.btn){display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding-top:14px!important;padding-bottom:0!important;margin-top:4px!important;border-top:1px solid var(--border-subtle)!important;border-bottom:none!important;flex-wrap:wrap!important;width:100%!important}.table-container .table tbody td.table-card-actions:empty{display:none!important}.table-container .table tbody td.table-card-actions:before,.table-container .table tbody td:last-child:has(.btn):before{display:none!important;content:none!important}.table-container .table tbody td.table-card-actions .btn,.table-container .table tbody td:last-child:has(.btn) .btn{min-height:36px;padding:6px 14px;font-size:.82rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation}.table-container .table tbody td.table-card-actions .btn:active,.table-container .table tbody td:last-child:has(.btn) .btn:active{transform:scale(.96)}.table-container .table tbody td[colspan]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:28px 16px!important;border:none!important;color:var(--text-muted)!important;width:100%!important}.table-container .table tbody td[colspan].table-card-drawer{align-items:stretch!important;text-align:left!important;padding:8px 0 4px!important}.table-container .table tbody td[colspan]:before{display:none!important;content:none!important}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;line-height:1.3}.badge-success{background:var(--accent-emerald-bg);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.28)}.badge-warning{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid rgba(245,158,11,.28)}.badge-danger{background:var(--primary-light);color:#f43f5e;border:1px solid var(--primary-border)}.badge-info{background:var(--accent-cyan-bg);color:var(--accent-cyan);border:1px solid rgba(2,132,199,.28)}.badge-purple{background:var(--accent-purple-bg);color:var(--accent-purple);border:1px solid rgba(139,92,246,.28)}.badge-neutral{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;letter-spacing:-.005em;padding:4px 11px 4px 9px;border-radius:9999px;white-space:nowrap;flex-shrink:0;line-height:1.25;border:1px solid transparent}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background-color:currentColor}.status-pill-success{background:#10b9811f;color:#059669;border-color:#10b9813d}[data-theme=dark] .status-pill-success{background:#10b98129;color:#34d399;border-color:#34d39947}.status-pill-success:before{box-shadow:0 0 6px #10b981a6}.status-pill-warning{background:#f59e0b1f;color:#d97706;border-color:#f59e0b42}[data-theme=dark] .status-pill-warning{background:#f59e0b29;color:#fbbf24;border-color:#fbbf2447}.status-pill-danger{background:#f43f5e1c;color:#e11d48;border-color:#f43f5e3d}[data-theme=dark] .status-pill-danger{background:#f43f5e29;color:#fb7185;border-color:#fb718547}.status-pill-info{background:#0284c71c;color:#0284c7;border-color:#0284c73d}[data-theme=dark] .status-pill-info{background:#38bdf826;color:#38bdf8;border-color:#38bdf847}.status-pill-neutral{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border-color)}.apple-action-cell{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.apple-action-dock{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:2px;gap:2px;box-shadow:0 1px 2px #0000000a}.apple-action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;min-width:30px;padding:0 10px;border-radius:7px;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-main);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none!important;touch-action:manipulation;transition:background-color .12s ease,color .12s ease,transform 90ms cubic-bezier(.22,1,.36,1)}.apple-action-btn-icon{padding:0 8px}.apple-action-btn:not(:last-child):after{content:"";position:absolute;right:-2px;top:6px;bottom:6px;width:1px;background-color:var(--border-subtle);pointer-events:none}@media(hover:hover)and (pointer:fine){.apple-action-btn:hover:not(:disabled){background-color:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #00000014}}.apple-action-btn:active:not(:disabled){transform:scale(.95)}.apple-action-btn:disabled{opacity:.4;cursor:not-allowed}.apple-action-btn-primary{color:#0284c7}[data-theme=dark] .apple-action-btn-primary{color:#38bdf8}.apple-action-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;min-width:34px;padding:0 9px;border-radius:10px;border:1px solid rgba(239,68,68,.24);background:#ef444414;color:#ef4444;font-size:.78rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,transform 90ms cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.apple-action-btn-danger:hover:not(:disabled){background:#ef444429;border-color:#ef444473}}.apple-action-btn-danger:active:not(:disabled){transform:scale(.93)}.badge-promo{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:800;box-shadow:0 2px 8px #f59e0b66;border:none;animation:promoPulse 2s infinite ease-in-out}@keyframes promoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.95}}.product-card.promo-active{border-color:#f59e0b99;background:linear-gradient(180deg,rgba(245,158,11,.05) 0%,var(--bg-card) 40%);box-shadow:0 4px 15px #f59e0b26}.promo-savings-badge{display:inline-flex;align-items:center;gap:4px;background-color:#10b98126;color:#10b981;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(16,185,129,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-modal-overlay);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .18s ease}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:650px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 24px 48px -12px #0000008c,0 12px 24px -8px #00000059,inset 0 1px #ffffff1a;animation:scaleIn .22s cubic-bezier(.22,1,.36,1);will-change:transform;overflow:hidden}[data-theme=light] .modal-content{box-shadow:0 24px 48px -12px #0f172a2e,0 12px 24px -8px #0f172a14,inset 0 1px #fff}.modal-content-sm{max-width:440px}.modal-content-lg{max-width:950px}.modal-sheet-grabber{display:none}.modal-header{position:relative;padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f172a59;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);flex-shrink:0}[data-theme=light] .modal-header{background:#f8fafcd9}.modal-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary);min-width:0}.modal-close-btn{width:32px;height:32px;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:transform .12s ease-out,background-color .15s ease,color .15s ease}@media(hover:hover)and (pointer:fine){.modal-close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}}.modal-close-btn:active{transform:scale(.92)}.modal-discard-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 20px;background:#f59e0b24;border-bottom:1px solid rgba(245,158,11,.35);color:var(--text-primary);font-size:.84rem;font-weight:600;animation:fadeIn .15s ease}.modal-discard-text{display:flex;align-items:center;gap:8px;color:#f59e0b}[data-theme=light] .modal-discard-text{color:#b45309}.modal-discard-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.modal-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:12px;background-color:var(--bg-surface);border-bottom-left-radius:18px;border-bottom-right-radius:18px;flex-shrink:0}@keyframes sheetSlideUp{0%{opacity:.85;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:640px){.modal-overlay{align-items:flex-end;justify-content:center;padding:0}.modal-content,.modal-content-sm,.modal-content-lg{max-width:100%;width:100%;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0;border-bottom:none;border-left:none;border-right:none;animation:sheetSlideUp .32s cubic-bezier(.22,1,.36,1)}.modal-sheet-grabber-zone{touch-action:none;cursor:grab;padding:22px 18px 14px;user-select:none;-webkit-user-select:none}.modal-content.is-dragging .modal-sheet-grabber-zone{cursor:grabbing}.modal-sheet-grabber{display:block;position:absolute;top:8px;left:50%;transform:translate(-50%);width:38px;height:5px;border-radius:9999px;background-color:#94a3b873;transition:background-color .15s ease,width .15s ease}.modal-content.is-dragging .modal-sheet-grabber{width:44px;background-color:#94a3b8bf}.modal-title{font-size:1.06rem}.modal-body{padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px)) 18px}.modal-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px)) 18px;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-footer .btn{flex:1 1 0;min-height:46px;border-radius:12px;justify-content:center}}@media(prefers-reduced-motion:reduce){.modal-content,.modal-content-sm,.modal-content-lg{animation:fadeIn .18s ease!important}}@media(prefers-reduced-transparency:reduce){.modal-overlay,.modal-header{backdrop-filter:none;-webkit-backdrop-filter:none}.modal-header{background:var(--bg-card)}}.persistent-draft-bar{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:calc(var(--sidebar-width) + 32px);right:32px;background:var(--draft-bar-bg);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid var(--draft-bar-border);color:var(--draft-bar-text);border-radius:var(--radius-lg);padding:12px 24px;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:space-between;z-index:150;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@media(max-width:900px){.persistent-draft-bar{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:10px 16px;flex-wrap:wrap;gap:12px}}.draft-totals-pills{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-total-pill{background:var(--draft-pill-bg);border:1px solid var(--draft-pill-border);padding:4px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;font-size:.85rem}.draft-total-pill strong{color:var(--primary);font-family:var(--font-mono)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px}.product-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;max-width:100%;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}@media(hover:hover)and (pointer:fine){.product-card:hover{transform:translateY(-2px);border-color:#e11d4866;box-shadow:var(--shadow-md)}}.product-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;padding:10px;background-color:var(--bg-surface);border-radius:var(--radius-sm)}.price-pill-item{display:flex;flex-direction:column}.price-pill-label{font-size:.68rem;text-transform:uppercase;color:var(--text-muted);font-weight:700}.price-pill-value{font-size:.95rem;font-weight:700;font-family:var(--font-mono)}.paired-note-box{background-color:var(--accent-cyan-bg);border:1px dashed var(--accent-cyan-border);padding:8px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--accent-cyan);display:flex;align-items:center;gap:8px;margin:8px 0}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:300}.toast{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:12px;min-width:280px;max-width:420px;animation:slideInRight .25s ease}.toast-success{border-left:4px solid var(--accent-emerald)}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--accent-cyan)}.toast-warning{border-left:4px solid var(--accent-amber)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media print{body{background:#fff!important;color:#000!important}.sidebar,.topbar,.persistent-draft-bar,.no-print,.btn{display:none!important}.main-wrapper{margin:0!important}.main-content{padding:0!important}.card,.table-container{border:1px solid #ddd!important;box-shadow:none!important}}