:root{--bg:#f4f2ff;--surface:#fff;--surface-alt:#f8f7fd;--surface-hover:#eef2ff;--border:#e4e0f2;--border-hover:#c7c2de;--text:#0f172a;--text-muted:#64748b;--primary:#4f46e5;--primary-dark:#4338ca;--primary-soft:#eef2ff;--danger:#e11d48;--danger-soft:#fff1f2;--danger-soft-border:#fecdd3;--danger-soft-text:#9f1239;--sidebar-bg:#fff;--sidebar-bg-alt:#fbfaff;--sidebar-text:#64748b;--sidebar-active:#4f46e5;--chip-bg:#eef2ff;--overlay:#0f172a66;--radius-sm:10px;--radius:14px;--radius-lg:22px;--shadow-sm:0 1px 2px #4f46e50f;--shadow:0 10px 30px #4f46e514, 0 1px 2px #0f172a0a;--shadow-lg:0 24px 60px #4f46e529;--ease:.18s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px;--sidebar-collapsed-width:76px;--topbar-height:64px;--dock-height:64px;--font-sans:"Plus Jakarta Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg:#0b1020;--surface:#141a2e;--surface-alt:#1a2238;--surface-hover:#222b44;--border:#2a3554;--text:#eef2ff;--text-muted:#94a3b8;--primary:#818cf8;--primary-dark:#a5b4fc;--primary-soft:#818cf829;--danger:#fb7185;--danger-soft:#fb718524;--danger-soft-border:#fb718559;--danger-soft-text:#fda4af;--sidebar-bg:#101628;--sidebar-bg-alt:#141c32;--sidebar-text:#94a3b8;--chip-bg:#1a2238;--overlay:#020617b3;--shadow-sm:0 1px 2px #0000004d;--shadow:0 10px 30px #00000059;--shadow-lg:0 24px 60px #00000080;--border-hover:#3b4a72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.b2b-root{--surface:#fff;--surface-alt:#fffbeb;--border:#e7e5e4;--border-hover:#d6d3d1;--text:#1c1917;--text-muted:#78716c;--primary:#ea580c;--b2b-tint:#ea580c24;--b2b-page-bg:#fff7ed;--b2b-page-gradient:linear-gradient(160deg, #ffedd5 0%, #fff7ed 50%, #fffbeb 100%);--b2b-card-shadow:0 8px 24px #ea580c1a;--b2b-gradient:linear-gradient(135deg, #fb923c 0%, #ea580c 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--surface);min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif}.b2b-root[data-theme=dark]{--surface:#1c1917;--surface-alt:#292524;--border:#44403c;--border-hover:#57534e;--text:#ffedd5;--text-muted:#a8a29e;--primary:#fb923c;--b2b-tint:#fb923c2e;--b2b-page-bg:#0c0a09;--b2b-page-gradient:linear-gradient(160deg, #1c1917 0%, #0c0a09 55%, #1c1410 100%);--b2b-card-shadow:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.b2b-root[data-accent=purple]{--primary:#7c3aed;--b2b-tint:#7c3aed26;--b2b-gradient:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}.b2b-root[data-accent=green]{--primary:#16a34a;--b2b-tint:#16a34a26;--b2b-gradient:linear-gradient(135deg, #22c55e 0%, #16a34a 100%)}.b2b-root[data-accent=blue]{--primary:#2563eb;--b2b-tint:#2563eb26;--b2b-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%)}.b2b-root[data-accent=teal]{--primary:#0d9488;--b2b-tint:#0d948826;--b2b-gradient:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%)}.b2b-root[data-accent=amber]{--primary:#d97706;--b2b-tint:#d9770626;--b2b-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%)}.b2b-root[data-accent=rose]{--primary:#e11d48;--b2b-tint:#e11d4826;--b2b-gradient:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%)}.b2b-root input:not([type=checkbox],[type=radio]),.b2b-root select,.b2b-root textarea{border-radius:12px;min-height:44px;padding:10px 14px}.b2b-form{flex-direction:column;gap:14px;display:flex}:root[data-accent=green]{--primary:#059669;--primary-dark:#047857;--primary-soft:#d1fae5;--sidebar-active:#34d399}:root[data-theme=dark][data-accent=green]{--primary:#34d399;--primary-dark:#6ee7b7;--primary-soft:#34d39929}:root[data-accent=blue]{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#dbeafe;--sidebar-active:#5b8def}:root[data-theme=dark][data-accent=blue]{--primary:#5b8def;--primary-dark:#7ba6f5;--primary-soft:#5b8def2e}:root[data-accent=purple]{--primary:#7c3aed;--primary-dark:#6425c9;--primary-soft:#ede9fe;--sidebar-active:#a78bfa}:root[data-theme=dark][data-accent=purple]{--primary:#a78bfa;--primary-dark:#c4b5fd;--primary-soft:#a78bfa2e}:root[data-accent=teal]{--primary:#0f766e;--primary-dark:#0b5c56;--primary-soft:#ccfbf1;--sidebar-active:#2dd4bf}:root[data-theme=dark][data-accent=teal]{--primary:#2dd4bf;--primary-dark:#5eead4;--primary-soft:#2dd4bf29}:root[data-accent=amber]{--primary:#b45309;--primary-dark:#92400e;--primary-soft:#fef3c7;--sidebar-active:#f59e0b}:root[data-theme=dark][data-accent=amber]{--primary:#f59e0b;--primary-dark:#fbbf24;--primary-soft:#f59e0b2e}:root[data-accent=rose]{--primary:#be123c;--primary-dark:#9f1239;--primary-soft:#ffe4e6;--sidebar-active:#fb7185}:root[data-theme=dark][data-accent=rose]{--primary:#fb7185;--primary-dark:#fda4af;--primary-soft:#fb71852e}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 420px at 110% -8%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 55%), var(--bg);color:var(--text);transition:background var(--ease), color var(--ease);margin:0;line-height:1.5}body.nav-locked{overflow:hidden}::selection{background:var(--primary-soft);color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{min-height:100dvh;display:flex}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar,.app-topbar-brand,.sidebar-close,.mobile-dock,.mobile-menu-toggle,.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);z-index:50;border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100dvh;padding:16px 0 12px;transition:width .2s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 25%, var(--border));border-radius:999px}.sidebar-nav{flex:1;padding:4px 0 12px;overflow:hidden auto}.nav-search{padding:0 12px 12px}.nav-search input{border:1px solid var(--border);background:var(--surface-alt);width:100%;min-height:38px;color:var(--text);border-radius:999px;padding:8px 14px}.nav-search input::placeholder{color:var(--text-muted)}.nav-search input:hover,.nav-search input:focus{border-color:var(--primary);background:var(--surface)}.nav-empty{color:var(--sidebar-text);padding:18px 20px;font-size:13px}.nav-group-header{width:calc(100% - 16px);color:var(--sidebar-text);font:inherit;cursor:pointer;padding:8px 12px 8px calc(10px + var(--nav-depth,0) * 12px);letter-spacing:0;text-transform:none;text-align:left;transition:background var(--ease), color var(--ease);background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;margin:2px 8px;font-size:13.5px;font-weight:600;display:flex}.nav-group-title{align-items:center;gap:10px;min-width:0;display:inline-flex}.nav-group-header:hover{background:var(--surface-hover);color:var(--text)}.nav-group-header.has-active{color:var(--primary);background:var(--primary-soft);font-weight:700}.nav-group-chevron{transition:transform var(--ease);opacity:.55;font-size:11px;display:inline-block}.nav-group-chevron.open{opacity:.85;transform:rotate(180deg)}.brand{border-bottom:1px solid var(--border);align-items:center;gap:11px;margin-bottom:12px;padding:4px 16px 16px;display:flex}.sidebar-close,.sidebar-collapse,.desktop-menu-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);width:36px;height:36px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.desktop-menu-toggle{margin-left:0}.sidebar-collapse:hover,.desktop-menu-toggle:hover{background:var(--surface-hover);border-color:var(--border-hover)}.sidebar-collapse svg,.desktop-menu-toggle svg{width:20px;height:20px}.sidebar-close{display:none}.brand-mark{object-fit:cover;width:36px;height:36px;box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:12px;flex-shrink:0;display:block}.brand-title{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:800}.brand-sub{color:var(--sidebar-text);font-size:12px}.nav-link{padding:8px 12px 8px calc(10px + var(--nav-depth,0) * 12px);color:var(--sidebar-text);transition:background var(--ease), color var(--ease);border-left:none;border-radius:12px;align-items:center;gap:10px;margin:1px 8px;font-size:13.5px;text-decoration:none;display:flex}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary);box-shadow:none;font-weight:700}.nav-flyout{z-index:90;background:var(--sidebar-bg);min-width:240px;max-width:300px;max-height:min(72vh,560px);color:var(--sidebar-text);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;padding:6px 0 10px;position:fixed;overflow:hidden auto}.nav-flyout-title{color:var(--text);letter-spacing:.01em;padding:8px 16px;font-size:12px;font-weight:800}.nav-group-header.flyout-open{background:var(--primary-soft);color:var(--primary)}.sidebar.collapsed .brand{flex-direction:column;gap:8px;padding:4px 8px 10px}.sidebar.collapsed .sidebar-collapse{margin-left:0}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-search,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group-chevron,.sidebar.collapsed .sidebar-user-meta,.sidebar.collapsed .nav-empty{display:none}.sidebar.collapsed .nav-link,.sidebar.collapsed .nav-group-header{justify-content:center;width:44px;height:44px;margin:3px auto;padding:0}.sidebar.collapsed .nav-group-title{justify-content:center;gap:0}.sidebar.collapsed .nav-icon{width:20px;height:20px}.sidebar.collapsed .theme-toggle{border-radius:12px;flex-direction:column;padding:3px}.sidebar.collapsed .theme-toggle-btn{padding:7px 0}.sidebar.collapsed .accent-picker{flex-wrap:wrap;justify-content:center;gap:6px}.sidebar.collapsed .accent-swatch{width:14px;height:14px}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .sidebar-logout{width:44px;margin:0 auto;padding:8px 0}.app-topbar{min-height:var(--topbar-height);z-index:30;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 28px;display:flex;position:sticky;top:0}.app-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.content{flex:1;width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:24px 32px 40px}.content-topbar{background:0 0;border:none;margin:-8px 0 20px;padding:0;font-size:13px}.content-topbar-info{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.topbar-company{font-size:14px}.content-topbar-detail{background:var(--surface-alt);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 9px}.content-topbar-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}h1{letter-spacing:-.015em;margin:0 0 4px;font-size:23px;font-weight:700}h2{letter-spacing:-.005em;margin:0 0 10px;font-size:16px;font-weight:600}.muted{color:var(--text-muted);font-size:13px;font-weight:400}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease), border-color var(--ease);margin-bottom:20px;padding:20px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--ease), box-shadow var(--ease);padding:18px 20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 40%, #22d3ee));height:3px;position:absolute;inset:0 0 auto}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-value{letter-spacing:-.02em;font-size:28px;font-weight:700}.stat-label{color:var(--text-muted);margin:4px 0 10px;font-size:13px}.stat-card a{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.stat-card a:hover{text-decoration:underline}.data-table{border-collapse:collapse;background:var(--surface);border:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.data-table th,.data-table td{text-align:left;border:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));padding:11px 14px;font-size:14px}.data-table th{background:var(--surface-alt);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.data-table th.col-resizable{position:relative}.col-resize-handle{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;width:8px;height:100%;position:absolute;top:0;right:0}.col-resize-handle:hover,.col-resize-handle.dragging{background:color-mix(in srgb, var(--primary) 40%, transparent)}.data-table tbody tr{transition:background var(--ease)}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table.compact th,.data-table.compact td{padding:7px 10px}.empty-cell{text-align:center;color:var(--text-muted);padding:24px}.data-table a{color:var(--primary);font-weight:600;text-decoration:none}.data-table a:hover{text-decoration:underline}.grid-cell-label{cursor:pointer;border:1px solid #0000;border-radius:4px;min-width:40px;padding:2px 4px;display:inline-block}.grid-cell-label:hover{border-style:dotted;border-color:color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));background:var(--surface-hover)}.grid-cell-label.disabled{cursor:default;pointer-events:none;opacity:.5}.grid-cell-editing{align-items:center;gap:2px;display:inline-flex}.grid-cell-ok-btn{border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--primary);cursor:pointer;border-radius:4px;flex:none;font-size:13px;line-height:1}.grid-cell-ok-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}a{color:var(--primary)}.content{overflow-x:auto}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:40px;color:var(--text);transition:border-color var(--ease), background var(--ease), box-shadow var(--ease), transform var(--ease);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;text-decoration:none;display:inline-flex}.btn-sm{border-radius:calc(var(--radius-sm) - 1px);min-height:26px;padding:4px 10px;font-size:12px}.toolbar-icon{flex:none;width:18px;height:18px;display:block}.btn-sm .toolbar-icon{width:14px;height:14px}.btn-icon{flex:none;gap:0;width:40px;min-width:40px;padding:0}.btn-icon.btn-sm{width:26px;min-width:26px}.btn:hover{border-color:var(--border-hover);background:var(--surface-alt)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 28%, transparent);border-radius:999px;font-weight:600}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 30%, transparent)}.btn-primary:disabled{background:color-mix(in srgb, var(--primary) 45%, var(--surface-alt));border-color:color-mix(in srgb, var(--primary) 45%, var(--surface-alt));color:color-mix(in srgb, white 85%, var(--text-muted));cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--danger);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--danger-soft);border-color:#0000}.btn-quiet{color:var(--text-muted);background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--surface-hover);color:var(--text);border-color:#0000}.form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.header-detail-row{box-sizing:border-box;border:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));border-radius:var(--radius-sm);background:var(--surface-alt);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;align-items:stretch;gap:12px 16px;margin:0;padding:10px 14px;display:flex}.header-detail-row:hover{background:var(--surface-hover);border-color:var(--border-hover)}.header-detail-toggle{color:var(--primary);white-space:nowrap;flex:none;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.header-detail-fields{flex:1;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));align-items:start;gap:6px 14px;min-width:0;display:grid}.header-detail-field{border-left:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));flex-direction:column;gap:2px;min-width:0;padding-left:12px;display:flex}.header-detail-field small{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.header-detail-field strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.voucher-page>h1,.sale-bill-page>h1{margin-bottom:8px}.voucher-page>.card.form,.sale-bill-page>.card.form{gap:10px;margin-bottom:10px;padding:12px 14px}.voucher-page .grid-toolbar,.sale-bill-page .grid-toolbar,.voucher-page>.page-header,.voucher-page>p.muted{margin-bottom:8px}.voucher-page .card.form>h2{margin-top:4px;margin-bottom:6px}.header-detail-row{padding:8px 12px}.line-grid-scroll{max-width:100%;overflow-x:auto}.line-grid-scroll .data-table{width:max-content;min-width:100%;overflow:visible}.line-grid-scroll .data-table th,.line-grid-scroll .data-table td{white-space:nowrap}.line-grid-scroll .data-table.compact th:not(:first-child):not(:last-child),.line-grid-scroll .data-table.compact td:not(:first-child):not(:last-child){min-width:108px}.scan-barcode-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scan-barcode-row h2{flex:none;margin:0}.scan-barcode-row>:last-child{flex:1;min-width:220px;max-width:480px}.scan-qr-btn{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--primary-soft);width:48px;min-width:48px;height:48px;padding:0}.scan-qr-btn:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 18%, var(--surface));transform:translateY(-1px)}.scan-qr-icon{filter:drop-shadow(0 1px 1px #0f172a1f);display:block}.scan-qr-beam{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-in-out infinite scan-qr-sweep}.scan-qr-btn:hover:not(:disabled) .scan-qr-beam{animation-duration:1.1s}.scan-qr-btn:disabled .scan-qr-beam{animation-play-state:paused}@keyframes scan-qr-sweep{0%,to{transform:translateY(-6px)}50%{transform:translateY(9.5px)}}@media (prefers-reduced-motion:reduce){.scan-qr-beam{animation:none}}.scan-camera-overlay{z-index:1000}.scan-camera-panel{width:min(480px,100vw - 24px)}.scan-camera-view{background:#000;border-radius:12px;min-height:220px;overflow:hidden}.scan-camera-view video{object-fit:cover;width:100%;max-height:60vh;display:block}.sale-bill-totals{padding:8px 4px 2px}.sale-bill-footer{margin-top:0;margin-bottom:0;padding:10px 14px;position:sticky;bottom:0}.sale-bill-footer .status-actions{margin:0}label{color:var(--text-muted);flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}input:not([type=checkbox],[type=radio]),select,textarea{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);min-height:42px;transition:border-color var(--ease), box-shadow var(--ease), background var(--ease);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px}input:not([type=checkbox],[type=radio]):hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:not([type=checkbox],[type=radio]):focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin:0}textarea{resize:vertical;min-height:70px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2393a0a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.error-box{background:var(--danger-soft);border:1px solid var(--danger-soft-border);color:var(--danger-soft-text);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 14px;font-size:13px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-draft{background:color-mix(in srgb, #d4a017 22%, var(--surface));color:color-mix(in srgb, #d4a017 65%, var(--text))}.badge-confirmed,.badge-completed,.badge-delivered{background:color-mix(in srgb, var(--primary) 20%, var(--surface));color:color-mix(in srgb, var(--primary) 70%, var(--text))}.badge-cancelled,.badge-delayed,.badge-rejected{background:color-mix(in srgb, var(--danger) 18%, var(--surface));color:color-mix(in srgb, var(--danger) 65%, var(--text))}.badge-pending_approval{background:color-mix(in srgb, #d4a017 22%, var(--surface));color:color-mix(in srgb, #d4a017 65%, var(--text))}.badge-shipped{background:color-mix(in srgb, #1d4ed8 20%, var(--surface));color:color-mix(in srgb, #1d4ed8 60%, var(--text))}.badge-planned,.badge-pending,.badge-idle{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border)}.badge-in-progress,.badge-running{background:color-mix(in srgb, #1d4ed8 20%, var(--surface));color:color-mix(in srgb, #1d4ed8 60%, var(--text))}.progress-track{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{height:100%;transition:width .25s var(--ease);border-radius:999px}.chip-group{margin-bottom:14px}.chip-group-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.chip{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:0 8px 8px 0;padding:6px 12px;font-size:13px;display:inline-flex}.matrix-form{margin-bottom:16px}.bom-actions,.status-actions{align-items:center;gap:10px;margin:14px 0;display:flex}.order-total{margin-left:auto;font-size:15px;font-weight:700}.inline-form{flex-direction:row;gap:8px;margin-bottom:12px;display:flex}.inline-form input{flex:1}.inline-form input[type=checkbox],.inline-form input[type=radio]{flex:none}.simple-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.simple-list li{background:var(--chip-bg);border-radius:999px;padding:4px 10px;font-size:13px}.setup-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.setup-grid .card:last-child{grid-column:1/-1}.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border);width:480px;max-width:90vw;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;padding:20px;display:flex}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header h2{margin:0}.modal-search{margin-bottom:12px}.picker-panel{flex-direction:column;width:min(960px,100vw - 32px);max-width:none;height:min(84vh,740px);max-height:min(84vh,740px);padding:16px 18px 14px;display:flex;overflow:hidden}.picker-header{flex-shrink:0;align-items:flex-start;gap:12px;margin-bottom:14px}.picker-header h2{font-size:18px}.picker-subtitle{margin:2px 0 0;font-size:12px}.picker-toolbar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;margin-bottom:8px;display:flex}.picker-search{flex:220px;min-width:0}.picker-search input{width:100%;max-width:none}.picker-limit{color:var(--text-muted);white-space:nowrap;flex-direction:row;flex:none;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600}.picker-limit select{width:auto;min-width:88px;margin:0}.picker-meta{flex-shrink:0;margin:0 0 8px;font-size:12px}.picker-panel .error-box{flex-shrink:0}.picker-detail{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.picker-panel .keynav-grid-wrap{flex:auto;min-height:200px;max-height:none;overflow:auto}.modal-list{border:1px solid var(--border);border-radius:8px;margin:0;padding:0;list-style:none;overflow-y:auto}.modal-list li+li{border-top:1px solid var(--border)}.modal-list-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:10px 12px;font-size:14px;display:block}.modal-list-item:hover{background:var(--surface-hover)}.keynav-grid-wrap{border:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));border-radius:8px;max-height:320px;overflow:auto}.keynav-grid{border-collapse:collapse;table-layout:fixed;font-size:13px}.keynav-grid th,.keynav-grid td{border:1px dotted color-mix(in srgb, var(--text-muted) 62%, var(--border-hover));white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:6px 10px;overflow:hidden}.keynav-grid th{background:var(--surface-alt);z-index:1;position:sticky;top:0}.keynav-th-inner{justify-content:space-between;align-items:center;gap:6px;display:flex}.keynav-grid tbody tr{cursor:pointer}.keynav-grid tbody tr:hover{background:var(--surface-hover)}.keynav-grid tbody tr.active{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}.keynav-grid td.locked-col,.keynav-grid th.locked-col{background:var(--surface);z-index:2;position:sticky}.keynav-grid tbody tr.active td.locked-col{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}.keynav-grid th.locked-col{z-index:3;background:var(--surface-alt)}.keynav-lock-btn{cursor:pointer;opacity:.5;background:0 0;border:none;flex:none;padding:0;font-size:11px;line-height:1}.keynav-lock-btn.locked{opacity:1}.lockable-table{table-layout:fixed}.lockable-table th.locked-col,.lockable-table td.locked-col{background:var(--surface);z-index:2;position:sticky}.lockable-table th.locked-col{background:var(--surface-alt);z-index:3}.size-line-group{border:1px solid var(--border);border-radius:8px;margin-bottom:14px;padding:14px}.size-line-group-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.column-picker{display:inline-block;position:relative}.column-picker-backdrop{z-index:110;position:fixed;inset:0}.column-picker-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:120;border-radius:8px;min-width:260px;max-width:min(340px,100vw - 16px);max-height:min(360px,100vh - 16px);padding:8px;position:fixed;overflow-y:auto}.column-picker-hint{color:var(--text-muted);margin:0 0 6px;padding:2px 8px;font-size:11px;font-weight:400}.column-picker-row{align-items:center;gap:2px;display:flex}.column-picker-item{color:var(--text);cursor:pointer;text-transform:none;white-space:nowrap;border-radius:6px;flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:13px;font-weight:400;display:flex}.column-picker-item:hover{background:var(--surface-hover)}.column-picker-icon-btn{cursor:pointer;color:var(--text);opacity:.7;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;min-height:28px;padding:4px 6px;font-size:12px;line-height:1}.column-picker-icon-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border);opacity:1}.column-picker-icon-btn:disabled{opacity:.25;cursor:default}.column-picker-icon-btn.locked{opacity:1}.grid-cell-locked{color:var(--text-muted);cursor:default}input[type=checkbox].switch{appearance:none;background:var(--border);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #00000040}.switch:checked{background:var(--primary);border-color:var(--primary)}.switch:checked:before{transform:translate(18px)}.switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle{background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;gap:2px;margin-bottom:10px;padding:2px;display:flex}.theme-toggle-btn{color:var(--sidebar-text);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 0;font-family:inherit;font-size:12px;display:flex}.theme-toggle-btn:hover{color:var(--text)}.theme-toggle-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.accent-picker{gap:8px;margin-bottom:10px;display:flex}.accent-swatch{border:2px solid var(--border);cursor:pointer;width:22px;height:22px;transition:border-color var(--ease), transform var(--ease);border-radius:50%;padding:0}.accent-swatch:hover{transform:scale(1.1)}.accent-swatch.active{border-color:var(--text)}.sidebar-footer{border-top:1px solid var(--border);padding:12px 12px 4px}.sidebar-user{align-items:center;gap:10px;margin:4px 0 8px;display:flex}.sidebar-user-name{color:var(--text);font-size:13px;font-weight:600}.sidebar-user-role{color:var(--sidebar-text);font-size:11px}.sidebar-logout{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.sidebar-logout-icon{flex-shrink:0;width:16px;height:16px}.sidebar-logout:hover{background:var(--surface-hover)!important}.user-avatar{background:color-mix(in srgb, var(--primary) 22%, var(--surface));width:34px;height:34px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.user-avatar.sm{width:30px;height:30px}.sidebar-footer .user-avatar{background:var(--primary-soft);color:var(--primary)}.topbar-user{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.hamburger{background:currentColor;border-radius:999px;width:18px;height:2px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:currentColor;border-radius:999px;width:18px;height:2px;position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto}.auth-screen{background:radial-gradient(900px 500px at 0% 0%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 50%), radial-gradient(700px 400px at 100% 100%, #22d3ee2e, transparent 46%), var(--bg);grid-template-columns:1fr;min-height:100dvh;display:grid}.auth-hero{display:none}.auth-panel{justify-content:center;align-items:center;padding:24px 16px;display:flex}.auth-card{width:min(400px,100%);margin:0 auto}.auth-mark{object-fit:cover;width:48px;height:48px;box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:16px;margin:0 auto 12px;display:block}.skeleton{background:linear-gradient(90deg, var(--surface-alt) 25%, var(--surface-hover) 50%, var(--surface-alt) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.voice-fab{background:var(--primary);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-lg);z-index:200;border:none;border-radius:50%;font-size:22px;position:fixed;bottom:24px;right:24px}.voice-panel{z-index:200;width:360px;max-width:calc(100vw - 32px);position:fixed;bottom:88px;right:24px}.grid-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.grid-toolbar-start,.grid-toolbar-end{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.search-input{display:inline-flex;position:relative}.search-input input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;padding-left:32px}:root[data-theme=dark] .search-input input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2393a0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.print-slip{display:none}@media print{.sidebar,.mobile-topbar,.app-topbar,.mobile-dock,.content-topbar,.no-print{display:none!important}.content{max-width:none;padding:0}.print-slip{display:block}}.ticket-print-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ticket-card{break-inside:avoid;border:1px solid #000;padding:10px}.ticket-card-code{margin-bottom:4px;font-size:14px;font-weight:700}.ticket-card-row{margin-bottom:2px;font-size:12px}.ticket-card-barcode{text-align:center;margin-top:6px}.print-slip-header{border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.print-slip-title{margin:0 0 4px;font-size:20px;font-weight:700}.print-slip table{border-collapse:collapse;width:100%;margin-top:12px}.print-slip th,.print-slip td{text-align:left;border:1px solid #999;padding:6px 8px;font-size:13px}.print-slip th{background:#f0f0f0}.sbpd-root{color:#000;box-shadow:0 0 0 1px var(--border);background:#fff}.sbpd-cap{color:#444}.sbpd-table{border-collapse:collapse;width:100%;margin-top:8px}.sbpd-table th,.sbpd-table td{font-size:inherit;vertical-align:top;word-break:break-word;padding:4px 6px}.sbpd-table.border-all th,.sbpd-table.border-all td{border:1px solid #333}.sbpd-table.border-horizontal tr{border-bottom:1px solid #333}.sbpd-table.border-none th,.sbpd-table.border-none td{border:none}@media print{.print-slip .sbpd-table th{font-size:inherit;background:0 0}.print-slip .sbpd-table th,.print-slip .sbpd-table td{padding:4px 6px}.print-slip .sbpd-table.border-none th,.print-slip .sbpd-table.border-none td{border:none}}@media (width<=900px){.app-topbar-brand,.sidebar-close,.mobile-dock{display:flex}.desktop-menu-toggle{display:none}.mobile-menu-toggle svg{width:20px;height:20px}.shell-rail .sidebar-close,.shell-rail .app-topbar-brand{display:none}.shell-rail{flex-direction:row;align-items:stretch}.shell-rail .sidebar{width:var(--sidebar-collapsed-width);box-shadow:none;z-index:50;padding-bottom:calc(8px + env(safe-area-inset-bottom));position:sticky;transform:none}.shell-rail .sidebar-collapse{display:flex}.nav-flyout{max-width:min(300px, calc(100vw - var(--sidebar-collapsed-width) - 16px))}.app-topbar{padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));flex-wrap:nowrap}.app-topbar-brand{align-items:center;gap:8px}.app-topbar-brand .brand-title{display:none}.modal-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:16px}.picker-panel{width:calc(100vw - 16px);height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:14px 12px 12px}.picker-limit{flex:auto}.picker-limit select{flex:1;min-width:0}.topbar-user-name{display:none}.content-topbar-detail{padding:2px 7px;font-size:11px}.topbar-change{padding:2px 8px;font-size:11px}.app-topbar{flex-wrap:wrap;row-gap:4px}.content-topbar-info{overflow:visible}.topbar-company{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.mobile-menu-toggle{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;z-index:90;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.shell{flex-direction:column}.sidebar{height:100dvh;box-shadow:var(--shadow-lg);padding-top:calc(12px + env(safe-area-inset-top));z-index:80;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{background:var(--overlay);z-index:70;display:block;position:fixed;inset:0}.content{padding:16px 14px calc(var(--dock-height) + 28px + env(safe-area-inset-bottom));max-width:100%}.page-header{flex-direction:column;align-items:stretch}.form-row,.setup-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.search-input{flex:100%}.search-input input{width:100%;max-width:none!important}.btn,input:not([type=checkbox],[type=radio]),select,textarea{min-height:44px}.data-table th,.data-table td{padding:9px 10px}.col-hide-sm{display:none}.mobile-dock{z-index:40;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:4px;position:fixed;bottom:0;left:0;right:0}.dock-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.dock-item.active{color:var(--primary);background:var(--primary-soft)}.dock-icon{justify-content:center;align-items:center;display:flex}.dock-svg{width:18px;height:18px}.voice-fab{bottom:calc(var(--dock-height) + 16px + env(safe-area-inset-bottom));right:16px}.voice-panel{bottom:calc(var(--dock-height) + 76px + env(safe-area-inset-bottom));width:auto;max-width:none;left:12px;right:12px}}@media (width>=901px){.auth-screen{grid-template-columns:minmax(280px,.9fr) 1.1fr}.auth-hero{color:#fff;background:radial-gradient(900px 500px at 80% -20%,#22d3ee59,#0000 50%),linear-gradient(165deg,#1e1b4b 0%,#312e81 45%,#4f46e5 100%);flex-direction:column;justify-content:flex-end;padding:48px;display:flex}.auth-hero h2{color:#fff;margin:12px 0 8px;font-size:36px}.auth-hero p{color:#ffffffb8;max-width:420px}}@media (width<=1200px){.col-hide-md{display:none}}