.eb{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.eb-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:420px;padding:32px;box-shadow:0 4px 20px #00000014}.eb-title{margin:0 0 8px;font-size:22px}.eb-text{color:#6b7280;margin:0 0 20px}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand{--logo-size:220px;--logo-x:0px;--content-shift:115px;color:#fff;background:linear-gradient(160deg,#111827 0%,#1f2937 60%,#374151 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.login-logo{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.login-logo-icon{flex-shrink:0;width:40px;height:40px}.login-logo span,.login-mobile-logo span{line-height:1.2}.login-brand-main{top:var(--content-shift,0px);position:relative}.login-brand-logo{bottom:100%;left:calc(50% - var(--logo-size) / 2 + var(--logo-x));width:var(--logo-size);height:var(--logo-size);object-fit:contain;background:#fff;border-radius:14px;margin-bottom:24px;padding:10px;position:absolute}.login-brand-title{margin:0 0 16px;font-size:36px}.login-brand-text{color:#d1d5db;max-width:420px;margin:0}.login-features{color:#e5e7eb;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.login-features li{align-items:center;gap:10px;display:flex}.login-features li:before{content:"✓";background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex}.login-brand-footer{color:#9ca3af;font-size:13px}@media (height<=600px){.login-brand{--logo-size:100px;--content-shift:0px}}.login-panel{background:#fff;justify-content:center;align-items:center;padding:32px;display:flex}.login-form{width:100%;max-width:380px}.login-mobile-logo{display:none}.login-title{margin:0 0 4px;font-size:26px}.login-subtitle{color:#6b7280;margin:0 0 24px;font-size:15px}.login-label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.login-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:16px;padding:11px 12px;font-size:15px}.login-input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.login-password-row{position:relative}.login-password-row .login-input{padding-right:64px}.login-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;position:absolute;top:7px;right:8px}.login-forgot-row{justify-content:flex-end;margin:-6px 0 16px;display:flex}.login-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.login-link:hover:not(:disabled){text-decoration:underline}.login-link:disabled{opacity:.6;cursor:not-allowed}.login-alert{border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:14px}.login-alert-error{color:#b91c1c;background:#fee2e2}.login-alert-info{color:#166534;background:#dcfce7}.login-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600}.login-button:hover:not(:disabled){background:#374151}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{background:#f3f4f6;padding:16px}.login-form{background:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 4px 20px #00000014}.login-mobile-logo{align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.login-mobile-logo .login-logo-icon{color:#1f2937;width:32px;height:32px}}.login-mobile-logo-img{object-fit:contain;flex-shrink:0;width:56px;height:56px}.lsa{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:20px;padding:12px 16px;text-decoration:none;display:flex}.lsa:hover{background:#fde68a}.bkr{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:20px;padding:12px 16px;text-decoration:none;display:flex}.bkr:hover{background:#bfdbfe}.dash-welcome{margin:0 0 4px;font-size:26px}.dash-role{color:#6b7280;text-transform:capitalize;margin:0 0 24px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.dash-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;text-decoration:none;display:block}.dash-card:hover{border-color:#9ca3af;box-shadow:0 4px 14px #0000000f}.dash-card-title{margin:0 0 4px;font-size:18px}.dash-card-text{color:#6b7280;margin:0;font-size:14px}.pf-form{gap:14px;display:grid}.pf-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.pf-label{gap:4px;font-size:14px;font-weight:500;display:grid}.pf-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:15px}.pf-input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.pf-input:disabled{color:#6b7280;background:#f3f4f6}.pf-error{color:#b91c1c;background:#fee2e2;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.pf-actions{gap:8px;margin-top:4px;display:flex}.asf-form{gap:14px;display:grid}.asf-current{background:#f3f4f6;border-radius:8px;padding:10px 12px}.asf-label{gap:4px;font-size:14px;font-weight:500;display:grid}.asf-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:15px}.asf-input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.asf-zero{justify-self:start}.asf-diff{margin:0;font-size:14px;font-weight:600}.asf-diff-down{color:#b91c1c}.asf-diff-up{color:#166534}.asf-error{color:#b91c1c;background:#fee2e2;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.asf-actions{gap:8px;display:flex}.stock-badge{border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.stock-badge-low{color:#92400e;background:#fef3c7}.stock-badge-out{color:#b91c1c;background:#fee2e2}.products-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.products-search{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1;min-width:220px;padding:10px 12px;font-size:15px}.products-search:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.products-check{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.products-summary{margin:0 0 12px;font-size:14px}.products-num{text-align:right!important}.products-empty{text-align:center;padding:24px}.modal-overlay{z-index:50;background:#1118278c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:24px;box-shadow:0 10px 40px #0003}.modal-title{margin:0 0 16px;font-size:20px}.products-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.products-notice{border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px}.products-notice-ok{color:#166534;background:#dcfce7}.products-notice-error{color:#b91c1c;background:#fee2e2}.scan{margin-bottom:16px}.scan-state{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.scan-state-on{color:#166534}.scan-state-off{color:#6b7280}.scan-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.scan-status{border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:14px}.scan-status-ok{color:#166534;background:#dcfce7}.scan-status-error{color:#b91c1c;background:#fee2e2}.scan-form{gap:8px;display:flex}.scan-input{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px 12px;font-size:15px}.scan-input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.cart-empty{text-align:center;color:#6b7280;padding:32px 16px}.cart-num{white-space:nowrap;text-align:right!important}.cart-name{font-weight:600}.cart-code{color:#6b7280;font-size:12px}.cart-qty{align-items:center;gap:8px;display:flex}.cart-qty-btn{width:32px;height:32px;padding:0;font-size:18px;line-height:1}.cart-qty-value{text-align:center;min-width:24px;font-weight:600}.cart-remove{color:#b91c1c;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.cart-remove:hover:not(:disabled){background:#fee2e2}.cart-remove:disabled{opacity:.5;cursor:not-allowed}.receipt-print{display:none}.receipt-store{text-align:center;font-size:16px;font-weight:700}.receipt-center{text-align:center}.receipt-line{border:0;border-top:1px dashed #000;margin:6px 0}.receipt-row{justify-content:space-between;gap:8px;display:flex}.receipt-item{margin-bottom:4px}.receipt-total{font-size:15px;font-weight:700}@media print{@page{size:80mm auto;margin:0}html,body{background:#fff!important}#root{display:none!important}.receipt-print{color:#000;width:72mm;margin:0 auto;padding:4mm 0;font-family:Courier New,monospace;font-size:12px;line-height:1.35;display:block}}.receipt-logo{filter:grayscale()contrast(1.4);width:36mm;max-width:100%;margin:0 auto 6px;display:block}.sales-layout{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.sales-summary{flex-direction:column;gap:8px;display:flex;position:sticky;top:16px}.sales-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sales-row-big{font-size:22px}.sales-label{margin-top:8px;font-size:14px;font-weight:500}.sales-field{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:15px}.sales-field:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.sales-change{color:#166534;font-size:18px}.sales-short{color:#b91c1c;font-size:18px}.sales-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin:4px 0 0;padding:8px 12px;font-size:14px}.sales-complete{margin-top:12px;padding:14px;font-size:16px;font-weight:600}.sales-clear{width:100%}.sales-done{text-align:center;gap:12px;max-width:420px;margin:40px auto;display:grid}.sales-done-title{color:#166534;margin:0}.sales-done-id{color:#6b7280;margin:0 0 8px}.sales-done-btn{margin-top:12px;padding:14px;font-size:16px}@media (width<=900px){.sales-layout{grid-template-columns:1fr}.sales-summary{position:static}}.recv-label{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.recv-field{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:420px;margin-bottom:16px;padding:10px 12px;font-size:15px}.recv-field:focus,.recv-qty:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.recv-empty{text-align:center;color:#6b7280;padding:32px 16px}.recv-num{text-align:right!important}.recv-name{font-weight:600}.recv-code{color:#6b7280;font-size:12px}.recv-qty{border:1px solid #d1d5db;border-radius:6px;width:110px;padding:8px 10px;font-size:15px}.recv-remove{color:#b91c1c;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:22px;line-height:1}.recv-remove:hover:not(:disabled){background:#fee2e2}.recv-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:14px}.recv-footer{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.recv-total{font-weight:600}.recv-buttons{gap:8px;display:flex}.recv-done{text-align:center;gap:12px;max-width:420px;margin:40px auto;display:grid}.recv-done-title{color:#166534;margin:0}.recv-done-text{color:#374151;margin:0}.recv-done-btn{margin-top:8px;padding:14px;font-size:16px}.recv-overlay{z-index:50;background:#1118278c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.recv-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:24px;box-shadow:0 10px 40px #0003}.recv-modal-title{margin:0 0 8px;font-size:20px}.recv-modal-text{color:#6b7280;margin:0 0 16px;font-size:14px}.drf{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.drf-presets{flex-wrap:wrap;gap:6px;display:flex}.drf-preset.active{color:#fff;background:#1f2937;border-color:#1f2937}.drf-preset.active:hover:not(:disabled){background:#374151}.drf-field{gap:4px;font-size:13px;font-weight:500;display:grid}.drf-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:14px}.drf-extra{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.sh-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.sh-stat{flex:1;min-width:150px}.sh-stat-label{color:#6b7280;font-size:13px}.sh-stat-value{font-size:22px;font-weight:700}.sh-note{color:#92400e;background:#fef3c7;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px}.sh-empty{text-align:center;padding:24px}.sh-num{white-space:nowrap;text-align:right!important}.sh-row{cursor:pointer}.sh-row:hover,.sh-detail td{background:#f9fafb}.sh-items{border-collapse:collapse;width:100%;font-size:14px}.sh-items th,.sh-items td{text-align:left;border-bottom:1px solid #e5e7eb;padding:6px 8px}.sh-items th.sh-num,.sh-items td.sh-num{text-align:right}.sh-code{color:#6b7280;margin-left:8px;font-size:12px}.sh-pay{color:#374151;margin:8px 0 0;font-size:14px}.sh-print{margin-top:10px}.sl-tabs{gap:6px;margin-bottom:16px;display:flex}.sl-tab.active{color:#fff;background:#1f2937;border-color:#1f2937}.sl-tab.active:hover:not(:disabled){background:#374151}.sl-note{color:#92400e;background:#fef3c7;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px}.sl-empty{text-align:center;padding:24px}.sl-num{white-space:nowrap;text-align:right!important}.sl-row{cursor:pointer}.sl-row:hover,.sl-detail td{background:#f9fafb}.sl-items{border-collapse:collapse;width:100%;font-size:14px}.sl-items th,.sl-items td{text-align:left;border-bottom:1px solid #e5e7eb;padding:6px 8px}.sl-items th.sl-num,.sl-items td.sl-num{text-align:right}.sl-code{color:#6b7280;margin-left:8px;font-size:12px}.sl-down{color:#b91c1c;font-weight:600}.sl-up{color:#166534;font-weight:600}.rep-note{color:#92400e;background:#fef3c7;border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px}.rep-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.rep-stat-label{color:#6b7280;font-size:13px}.rep-stat-value{font-size:22px;font-weight:700}.rep-stat-hint{color:#9ca3af;font-size:12px}.rep-empty{text-align:center;padding:24px}.rep-section{margin-bottom:16px}.rep-heading{margin:0 0 12px;font-size:18px}.rep-num{white-space:nowrap;text-align:right!important}.rep-caption{color:#6b7280;margin:12px 0 0;font-size:13px}.rep-columns{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.rep-columns .rep-section{margin-bottom:0}.rep-stack{gap:16px;display:grid}.rep-chart{align-items:stretch;gap:6px;height:220px;display:flex}.rep-bar-col{flex-direction:column;flex:1;min-width:0;display:flex}.rep-bar-track{flex:1;position:relative}.rep-bar{height:var(--h);background:#374151;border-radius:4px 4px 0 0;min-height:2px;position:absolute;bottom:0;left:0;right:0}.rep-bar-col:hover .rep-bar{background:#111827}.rep-bar-label{text-align:center;color:#6b7280;margin-top:6px;font-size:11px}@media (width<=900px){.rep-columns{grid-template-columns:1fr}}.bk-section{margin-bottom:16px}.bk-heading{margin:0 0 8px;font-size:18px}.bk-text{color:#374151;margin:0 0 12px}.bk-gap{margin-top:8px}.bk-meta{color:#6b7280;margin:0 0 12px;font-size:14px}.bk-buttons{flex-wrap:wrap;gap:8px;display:flex}.bk-notice{border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:14px}.bk-notice-ok{color:#166534;background:#dcfce7}.bk-notice-error{color:#b91c1c;background:#fee2e2}.bk-list{color:#374151;margin:0;padding-left:20px}.bk-list li{margin-bottom:6px}.staff-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.staff-title{margin:0!important}.staff-notice{border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:14px}.staff-notice-ok{color:#166534;background:#dcfce7}.staff-notice-error{color:#b91c1c;background:#fee2e2}.staff-row-off td{color:#9ca3af}.staff-you{color:#374151;background:#e5e7eb;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px}.staff-badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.staff-badge-on{color:#166534;background:#dcfce7}.staff-badge-off{color:#4b5563;background:#e5e7eb}.staff-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.staff-overlay{z-index:50;background:#1118278c;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.staff-modal{background:#fff;border-radius:12px;width:100%;max-width:460px;padding:24px;box-shadow:0 10px 40px #0003}.staff-modal-title{margin:0 0 16px;font-size:20px}.staff-form{gap:14px;display:grid}.staff-label{gap:4px;font-size:14px;font-weight:500;display:grid}.staff-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-size:15px}.staff-input:focus{outline-offset:1px;border-color:#0000;outline:2px solid #2563eb}.staff-input:disabled{color:#6b7280;background:#f3f4f6}.staff-hint{color:#6b7280;font-size:12px;font-weight:400}.staff-error{color:#b91c1c;background:#fee2e2;border-radius:6px;margin:0;padding:8px 12px;font-size:14px}.staff-actions{gap:8px;margin-top:4px;display:flex}.staff-muted{color:#9ca3af;font-size:13px}.offline-banner{color:#fff;text-align:center;background:#b91c1c;padding:10px 24px;font-size:14px;font-weight:600}.layout-header{color:#fff;background:#1f2937;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex}.layout-brand{letter-spacing:.02em;margin-right:8px;font-size:16px;font-weight:700}.layout-nav{flex-wrap:wrap;flex:1;gap:6px;display:flex}.nav-link{color:#fff;border-radius:6px;padding:6px 12px;text-decoration:none}.nav-link:hover{background:#374151}.nav-link.active{background:#4b5563}.layout-user{align-items:center;gap:12px;font-size:14px;display:flex}.layout-logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #6b7280;border-radius:6px;padding:6px 12px}.layout-logout:hover{background:#374151}.layout-main{max-width:1200px;margin:0 auto;padding:24px}.layout-brandbox{color:inherit;align-items:center;gap:10px;margin-right:8px;text-decoration:none;display:flex}.layout-brandbox .layout-brand{margin-right:0}.layout-logo{object-fit:contain;background:#fff;border-radius:8px;width:36px;height:36px;padding:2px}.page-title{margin:0 0 16px;font-size:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px}.btn:hover:not(:disabled){background:#f3f4f6}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#1f2937;border-color:#1f2937}.btn-primary:hover:not(:disabled){background:#374151}.btn-danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn-danger:hover:not(:disabled){background:#991b1b}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px 12px}.table th{background:#f3f4f6;font-size:14px}.msg-error{color:#b91c1c}.msg-muted{color:#6b7280}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#111827;background:#f9fafb;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}h1,h2,h3{line-height:1.2}a{color:#2563eb}