:root{color:#182432;font-synthesis:none;background:#eef3f7;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}header{color:#fff;background:#126899;justify-content:space-between;align-items:center;height:64px;padding:0 max(14px,50vw - 490px);display:flex;box-shadow:0 2px 12px #0b385230}header b{font-size:22px}header b span{color:#a7f3ff}header small{opacity:.78;display:block}.ghost{color:inherit;background:0 0;border:0;padding:9px}.app main{max-width:980px;margin:auto;padding:12px 8px 96px}.search{background:#fff;border:1px solid #cbd8e1;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.search input{border:0;outline:0;flex:1;min-width:0;font-size:15px}.search em{color:#64748b;white-space:nowrap;font-size:12px}.brands{gap:6px;padding:8px 0;display:flex;overflow:auto}.brands button{white-space:nowrap;color:#334155;background:#fff;border:1px solid #c8d5df;border-radius:8px;padding:7px 11px;font-size:13px}.brands button.active{color:#fff;background:#1787be;border-color:#1787be;font-weight:700}.product-list{gap:8px;display:grid}.product-row{background:#fff;border:1px solid #d7e0e7;border-radius:10px;padding:10px;box-shadow:0 1px 5px #19384d14}.product-row.selected{background:#f4fff8;border-color:#2f9f6b;box-shadow:inset 4px 0 #2f9f6b,0 2px 9px #2f9f6b18}.product-head{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:10px;display:grid}.product-image{aspect-ratio:1;color:#0f7eb5;background:#f4f7fa;border:1px solid #d8e2eb;border-radius:8px;place-items:center;width:72px;font-size:22px;font-weight:850;display:grid;overflow:hidden}.product-image img{object-fit:contain;width:100%;height:100%;padding:4px}.product-image span{letter-spacing:0}.product-title{gap:5px;min-width:0;display:grid}.product-title h3{color:#243241;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.25}.product-title small,.product-meta{color:#526173;font-size:13px}.product-title small b,.product-meta b{color:#172033}.product-meta{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 0 82px;display:grid}.quick-lines{gap:8px;margin:10px 0 0 82px;display:grid}.quick-line{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.quick-line>b{letter-spacing:0;color:#3c4a59;text-transform:uppercase;font-size:12px}.stepper{background:#f8fafc;border:1px solid #d5e0e8;border-radius:999px;grid-template-columns:34px minmax(42px,1fr) 34px auto;align-items:center;min-width:0;height:38px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid;overflow:hidden}.stepper.active{background:#fff;border-color:#2f9f6b;box-shadow:0 0 0 3px #2f9f6b16}.stepper button{color:#516171;background:#e6edf2;border:0;border-radius:999px;place-items:center;width:30px;height:30px;margin:3px;transition:background .15s,color .15s;display:grid}.stepper button:hover{color:#172033;background:#d8e3eb}.stepper.active button:last-of-type{color:#fff;background:#2f9f6b}.stepper input{text-align:center;color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0;height:36px;padding:0 2px;font-size:15px;font-weight:750}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input[type=number]{appearance:textfield}.stepper em{color:#445467;white-space:nowrap;text-overflow:ellipsis;max-width:64px;padding:0 12px 0 2px;font-size:12px;font-style:normal;overflow:hidden}.cart-fab{color:#fff;background:#126899;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:min(420px,100vw - 24px);padding:13px 18px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #083c5c55}.cart-fab span{background:#ef7d22;border-radius:999px;place-items:center;min-width:24px;height:24px;font-weight:800;display:grid}.overlay{z-index:5;background:#102a3d88;position:fixed;inset:0}.overlay aside{background:#f8fafc;flex-direction:column;width:min(560px,100%);height:100%;margin-left:auto;display:flex;overflow:auto}.aside-head{z-index:2;background:#fff;border-bottom:1px solid #dce5ed;justify-content:space-between;align-items:center;padding:13px 16px;display:flex;position:sticky;top:0}.aside-head h2{margin:0;font-size:20px}.customer{background:#fff;border:1px solid #d8e2eb;border-radius:8px;align-items:center;gap:8px;margin:12px 12px 0;padding:11px;display:flex}.customer input{border:0;outline:0;flex:1;min-width:0}.customer b{color:#0369a1;font-size:13px}.customer-list{background:#fff;border-radius:8px;margin:2px 12px;overflow:hidden;box-shadow:0 5px 20px #1233}.customer-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f7;width:100%;padding:10px;display:block}.customer-list small{color:#64748b;display:block}.lines{gap:10px;padding:12px;display:grid}.line{background:#fff;border:1px solid #dbe3ea;border-radius:10px;gap:8px;padding:12px;display:grid;position:relative;box-shadow:0 1px 5px #1231}.line>div:first-child{padding-right:30px}.line small{color:#64748b;display:block}.line label,.summary label{color:#64748b;font-size:12px}.line label input,.summary input,.summary textarea{border:1px solid #dce5ed;border-radius:8px;width:100%;padding:8px}.trash{color:#ef4444;background:0 0;border:0;position:absolute;top:8px;right:8px}.summary{background:#fff;border-top:1px solid #dae3eb;margin-top:auto;padding:14px}.summary textarea{resize:vertical;margin-top:10px}.summary p{justify-content:space-between;margin:8px 0;display:flex}.summary .total{border-top:1px dashed #cad5df;padding-top:12px;font-size:19px}.summary .total b{color:#0369a1}.save,.login button{color:#fff;background:#0f7eb5;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 14px;font-weight:700;display:flex}.save{padding:14px;font-size:16px}.save:disabled{opacity:.5}.error{color:#b42318;background:#fff0f0;border:1px solid #ffd3d3;border-radius:8px;justify-content:space-between;margin:10px 0;padding:10px 12px;display:flex}.empty{text-align:center;color:#64748b}.login{background:linear-gradient(145deg,#062d48,#087bae);place-items:center;min-height:100vh;padding:20px;display:grid}.login form{background:#fff;border-radius:18px;width:min(400px,100%);padding:32px;box-shadow:0 22px 65px #001e3388}.login .logo{color:#fff;background:#0284c7;border-radius:16px;place-items:center;width:62px;height:62px;margin:auto;font-size:34px;font-weight:900;display:grid}.login h1{text-align:center;margin:12px 0 0}.login p{text-align:center;color:#64748b}.login label{margin:15px 0;font-size:13px;font-weight:700;display:block}.login input{border:1px solid #ced9e2;border-radius:8px;width:100%;margin-top:6px;padding:12px}.login button{padding:13px}@media (width<=560px){header{height:58px}.app main{padding:8px 6px 90px}.product-row{padding:8px}.product-head{grid-template-columns:58px minmax(0,1fr);gap:8px}.product-image{width:58px}.product-meta,.quick-lines{margin-left:0}.product-meta{grid-template-columns:1fr 1fr;font-size:12px}.quick-line{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);gap:6px}.quick-line.single{grid-template-columns:42px minmax(0,1fr)}.stepper{grid-template-columns:30px minmax(24px,1fr) 30px 40px;height:36px}.stepper button{width:27px;height:27px}.stepper input{height:34px;font-size:14px}.stepper em{max-width:40px;padding-right:6px;font-size:11px}.cart-fab{bottom:10px}.login form{padding:26px 20px}}.discount-input{background:#f8fafc;border:1px solid #dde6ee;border-radius:10px;gap:7px;padding:10px;display:grid}.discount-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.discount-top>span{color:#334155;font-size:12px;font-weight:750}.discount-mode{background:#e8eef3;border-radius:999px;gap:2px;padding:3px;display:flex}.discount-mode button{color:#526173;background:0 0;border:0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.discount-mode button.active{color:#126899;background:#fff;box-shadow:0 1px 4px #102a3d18}.discount-field{background:#fff;border:1px solid #cfdae3;border-radius:9px;grid-template-columns:1fr 44px;align-items:center;height:38px;display:grid;overflow:hidden}.discount-field input{color:#172033;border:0;outline:0;width:100%;height:36px;padding:0 10px;font-weight:750}.discount-field em{color:#526173;background:#eef3f7;border-left:1px solid #d9e2ea;place-items:center;height:100%;font-style:normal;font-weight:800;display:grid}.discount-input small{color:#64748b;font-size:12px}@media (width<=560px){.discount-input{padding:9px}.discount-mode button{padding:5px 8px}.discount-field{height:36px}}.selected-customer{background:#fff;border:1px solid #d8e2eb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 12px 0;padding:12px;display:grid;box-shadow:0 1px 5px #1231}.selected-customer.active{background:#f4fff8;border-color:#2f9f6b;box-shadow:inset 4px 0 #2f9f6b,0 2px 9px #2f9f6b18}.selected-customer span{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.selected-customer b{color:#172033;overflow-wrap:anywhere;display:block}.selected-customer small{color:#64748b;overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.35;display:block}.selected-customer button{color:#fff;background:#0f7eb5;border:0;border-radius:8px;padding:9px 12px;font-weight:800}.customer-overlay{z-index:6}.customer-picker{width:min(640px,100%)}.customer-picker .aside-head>div{align-items:center;gap:2px;display:flex}.spin{animation:.8s linear infinite spin}.customer-search{z-index:1;background:#fff;border:1px solid #cbd8e1;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:44px;margin:12px;padding:0 10px;display:grid;position:sticky;top:55px;box-shadow:0 3px 12px #102a3d10}.customer-search input{border:0;outline:0;min-width:0}.customer-search button{color:#526173;background:#eef3f7;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.customer-results{gap:10px;padding:0 12px 16px;display:grid}.customer-card{cursor:pointer;background:#fff;border:1px solid #dbe3ea;border-radius:8px;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;padding:12px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid;box-shadow:0 1px 5px #1231}.customer-card:hover{border-color:#8bbbd4;box-shadow:0 5px 14px #1232}.customer-card.selected{background:#f4fff8;border-color:#2f9f6b;box-shadow:inset 4px 0 #2f9f6b,0 2px 9px #2f9f6b18}.customer-card h3{color:#172033;overflow-wrap:anywhere;margin:0 0 8px;font-size:16px;line-height:1.25}.customer-card p{color:#526173;grid-template-columns:76px minmax(0,1fr);gap:6px;margin:5px 0;font-size:13px;display:grid}.customer-card p:last-child{grid-template-columns:76px minmax(0,1fr) 34px minmax(0,1fr)}.customer-card span{color:#64748b}.customer-card b{color:#172033;overflow-wrap:anywhere;font-weight:700}.customer-card button{color:#0f7eb5;background:#e8f4fb;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.customer-card.selected button{color:#fff;background:#2f9f6b}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=560px){.selected-customer{grid-template-columns:minmax(0,1fr);gap:9px}.selected-customer button{width:100%}.customer-search{margin:10px 8px;top:53px}.customer-results{padding:0 8px 12px}.customer-card{grid-template-columns:minmax(0,1fr);gap:9px}.customer-card button{border-radius:8px;width:100%}.customer-card p,.customer-card p:last-child{grid-template-columns:72px minmax(0,1fr)}}.app-tabs{z-index:4;background:#e7eff5;border-bottom:1px solid #cbd8e1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px max(8px,50vw - 490px);display:grid;position:sticky;top:0}.app-tabs button{color:#334155;white-space:nowrap;background:#fff;border:1px solid #c5d2dc;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;font-size:14px;font-weight:800;display:flex}.app-tabs button.active{color:#fff;background:#126899;border-color:#126899}.date-filters{gap:8px;margin-bottom:10px;display:grid}.range-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.range-tabs button{color:#334155;background:#fff;border:1px solid #c8d5df;border-radius:8px;padding:9px 6px;font-size:13px;font-weight:800}.range-tabs button.active{color:#fff;background:#1787be;border-color:#1787be}.custom-range{grid-template-columns:1fr 1fr;gap:8px;display:grid}.custom-range label{color:#64748b;gap:5px;font-size:12px;font-weight:800;display:grid}.custom-range input{background:#fff;border:1px solid #cbd8e1;border-radius:8px;min-width:0;padding:9px}.orders-view,.report-view{max-width:980px;margin:auto;padding:12px 8px 96px}.mini-icon{color:#0f7eb5;background:#e8f4fb;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.order-list{gap:10px;margin-top:10px;display:grid}.order-card{cursor:pointer;border:1px solid #d7e0e7;border-radius:8px;gap:8px;padding:12px;display:grid;box-shadow:0 1px 5px #19384d14}.order-card.draft{background:#fff}.order-card.saved{background:#f1fbf4;border-color:#ccebd6}.order-card.pending{background:#fff0f0;border-color:#ffd0d0}.order-card-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.order-card-head b{color:#172033;font-size:18px}.order-card-head small{color:#64748b;margin-top:2px;font-size:12px;display:block}.order-card-head button{color:#0f7eb5;background:#fffc;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.order-card h3{color:#172033;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.25}.order-card p{color:#526173;grid-template-columns:82px minmax(0,1fr);gap:8px;margin:0;font-size:13px;display:grid}.order-card span{color:#64748b}.order-card b{color:#172033;overflow-wrap:anywhere}.order-money{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.order-money p{background:#ffffffa8;border:1px solid #dce5ed;border-radius:8px;grid-template-columns:1fr;gap:3px;padding:8px;display:grid}.order-money p:last-child b{color:#0369a1;font-size:16px}.order-note{border-top:1px dashed #c8d5df;padding-top:8px}.order-detail-panel{width:min(640px,100%)}.order-detail-panel>.order-card{margin:12px}.detail-lines{gap:10px;padding:0 12px 16px;display:grid}.detail-line{background:#fff;border:1px solid #dbe3ea;border-radius:8px;gap:6px;padding:12px;display:grid;box-shadow:0 1px 5px #1231}.detail-line h3{color:#172033;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.25}.detail-line small{color:#64748b}.detail-line p{grid-template-columns:82px minmax(0,1fr);gap:8px;margin:0;font-size:13px;display:grid}.detail-line span{color:#64748b}.detail-line b{color:#172033;overflow-wrap:anywhere}.detail-line .line-total{border-top:1px dashed #cad5df;padding-top:7px}.detail-line .line-total b{color:#0369a1}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.metric{background:#fff;border:1px solid #d7e0e7;border-radius:8px;gap:6px;padding:12px;display:grid;box-shadow:0 1px 5px #19384d14}.metric span{color:#64748b;font-size:12px;font-weight:800}.metric b{color:#172033;overflow-wrap:anywhere;font-size:19px}.report-section{background:#fff;border:1px solid #d7e0e7;border-radius:8px;margin-top:10px;padding:12px;box-shadow:0 1px 5px #19384d14}.report-section h2{color:#172033;margin:0 0 10px;font-size:16px}.report-section p{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:9px 0;display:grid}.report-section p:first-of-type{border-top:0}.report-section span{overflow-wrap:anywhere}.report-section b{color:#0369a1;white-space:nowrap}@media (width<=700px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:first-child{grid-column:span 2}.order-money,.custom-range{grid-template-columns:1fr}}@media (width<=560px){.app-tabs{padding:6px}.app-tabs button{height:38px;font-size:13px}.orders-view,.report-view{padding:8px 6px 90px}.range-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card{padding:10px}.order-card p,.detail-line p{grid-template-columns:74px minmax(0,1fr)}.metric b{font-size:17px}}.app header small{display:none}.app-tabs{box-shadow:0 1px #d7e0e7}.app-tabs button{box-shadow:0 1px 2px #1231}.range-tabs button{background:#fdfefe}.orders-view .search,.report-view .search{box-shadow:0 1px 4px #1231}.order-card{border-left-width:5px;position:relative;box-shadow:0 3px 12px #16384d14;background:#fff!important;border-color:#dbe5ec!important}.order-card.pending{border-left-color:#ef5350!important}.order-card.arranged{border-left-color:#b7793e!important}.order-card.saved{border-left-color:#31a66a!important}.order-card.draft{border-left-color:#b8c4ce!important}.order-card.pending:before,.order-card.arranged:before,.order-card.saved:before,.order-card.draft:before{color:#fff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;position:absolute;top:16px;right:54px}.order-card.pending:before{content:"Chưa giao";background:#ef5350}.order-card.saved:before{content:"Đ� lưu";background:#31a66a}.order-card p{grid-template-columns:70px minmax(0,1fr);line-height:1.3}.order-money{background:#fbfdfe;border:1px solid #e0e8ef;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}.order-money p{background:0 0;border:0;border-left:1px solid #e0e8ef;border-radius:0;padding:9px 10px}.order-money p:first-child{border-left:0}.order-money p:last-child{background:#f3f9fc}.order-note{padding:9px 0 0}.metric-grid{align-items:stretch}.metric{box-shadow:0 2px 9px #16384d12}.metric:first-child{color:#fff;background:#126899;border-color:#126899}.metric:first-child span,.metric:first-child b{color:#fff}.report-section{box-shadow:0 2px 9px #16384d12}.report-section p,.report-section b{font-size:15px}.order-detail-panel .order-card{cursor:default}.order-detail-panel .order-card-head button{display:none}.detail-line{box-shadow:0 2px 9px #16384d12}.detail-line p{grid-template-columns:70px minmax(0,1fr)}@media (width<=700px){.order-money{grid-template-columns:repeat(2,minmax(0,1fr))}.order-money p:nth-child(odd){border-left:0}.order-money p:nth-child(n+3){border-top:1px solid #e0e8ef}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:first-child{grid-column:span 2}}@media (width<=560px){.app-tabs{top:0}.app-tabs button{box-shadow:none}.order-card{padding:12px 11px}.order-card h3{padding-right:94px}.order-card p,.detail-line p{grid-template-columns:66px minmax(0,1fr)}.order-card.pending:before,.order-card.arranged:before,.order-card.saved:before,.order-card.draft:before{padding:3px 7px;top:15px;right:48px}.metric{padding:13px}.report-section{padding:14px}.report-section p{grid-template-columns:minmax(0,1fr);gap:4px;font-size:14px}.report-section b{justify-self:start}}.product-image{border:1px solid #d8e2eb;padding:0}.product-image:disabled{cursor:default}.product-image.can-open{cursor:zoom-in;transition:border-color .15s,box-shadow .15s,transform .15s}.product-image.can-open:hover{border-color:#0f7eb5;transform:translateY(-1px);box-shadow:0 0 0 3px #0f7eb51a}.image-viewer{z-index:20;color:#fff;background:#071826e8;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.image-viewer-head{background:#071826cc;border-bottom:1px solid #ffffff18;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;height:64px;padding:0 max(14px,50vw - 490px);display:grid}.image-viewer-head b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.25;display:block;overflow:hidden}.image-viewer-head small{color:#cbd5e1;margin-top:3px;display:block}.image-viewer-head button{color:#fff;background:#ffffff14;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.image-viewer-stage{place-items:center;min-height:0;padding:14px;display:grid}.image-viewer-stage img{object-fit:contain;background:#fff;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 20px 80px #0008}@media (width<=560px){.image-viewer-head{height:58px;padding:0 12px}.image-viewer-head b{font-size:14px}.image-viewer-stage{padding:10px}.image-viewer-stage img{border-radius:6px}}.order-card.draft{background:#f8fafc!important;border-color:#d7e0e7 #d7e0e7 #d7e0e7 #94a3b8!important}.order-card.approved{background:#eefbf3!important;border-color:#bfe8cf #bfe8cf #bfe8cf #31a66a!important}.order-card.arranged{background:#fff6e8!important;border-color:#ead2a8 #ead2a8 #ead2a8 #b7793e!important}.order-card.dropped{background:#ffecec!important;border-color:#ffc4c4 #ffc4c4 #ffc4c4 #ef5350!important}.order-card.partial{background:#fff8d8!important;border-color:#eadb82 #eadb82 #eadb82 #d6a600!important}.order-card.approved:before,.order-card.dropped:before,.order-card.partial:before{color:#fff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;position:absolute;top:16px;right:54px}.order-card.approved:before{content:"Đ� duyệt";background:#31a66a}.order-card.dropped:before{content:"Rớt cả đơn";background:#ef5350}.order-card.partial:before{content:"Rớt một phần";background:#d6a600}@media (width<=560px){.order-card.approved:before,.order-card.dropped:before,.order-card.partial:before{padding:3px 7px;top:15px;right:48px}}.order-card.draft:before,.order-card.approved:before,.order-card.arranged:before,.order-card.dropped:before,.order-card.partial:before{color:#fff;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;position:absolute;top:16px;right:54px}.order-card.draft:before{content:"Mới tạo";background:#94a3b8}.order-card.arranged:before{content:"Đ� l�n phiếu xuất";background:#b7793e}@media (width<=560px){.order-card h3{padding-right:140px}.order-card.draft:before,.order-card.approved:before,.order-card.arranged:before,.order-card.dropped:before,.order-card.partial:before{padding:3px 7px;top:15px;right:48px}}.order-actions,.aside-head>div{align-items:center;gap:6px;display:flex}.order-card-head .order-actions button{color:#0f7eb5;background:#fffc;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:static}.order-card-head .order-actions button.danger,.ghost.danger{color:#dc2626}@media (width<=560px){.order-card h3{padding-right:150px}.order-actions{gap:4px}.order-card-head .order-actions button{width:32px;height:32px}}.order-card.draft:before,.order-card.approved:before,.order-card.arranged:before,.order-card.dropped:before,.order-card.partial:before{content:none!important}.order-card-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;display:grid}.order-status{color:#fff;white-space:nowrap;border-radius:999px;margin-top:2px;padding:4px 9px;font-size:11px;font-weight:850;line-height:1.2}.order-card.draft .order-status{background:#94a3b8}.order-card.draft .order-status:before{content:"Mới tạo"}.order-card.approved .order-status{background:#31a66a}.order-card.approved .order-status:before{content:"Đ� duyệt"}.order-card.arranged .order-status{background:#b7793e}.order-card.arranged .order-status:before{content:"Đ� l�n phiếu xuất"}.order-card.dropped .order-status{background:#ef5350}.order-card.dropped .order-status:before{content:"Rớt cả đơn"}.order-card.partial .order-status{background:#d6a600}.order-card.partial .order-status:before{content:"Rớt một phần"}.order-card h3{padding-right:0}@media (width<=560px){.order-card-head{grid-template-columns:minmax(0,1fr) auto}.order-status{grid-area:2/1;justify-self:start;margin-top:6px}.order-actions{grid-area:1/2/span 2}.order-card h3{padding-right:0}}.brand-mark{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.brand-mark img{object-fit:contain;background:#fff;border-radius:4px;width:148px;height:42px;padding:3px}.brand-mark small{color:#e5e7eb;grid-column:2}.login-logo{width:min(280px,100%);height:auto;margin:0 auto 14px;display:block}.login .logo{display:none}:root,body{background:#f4f6f4}.app header{background:#0b0b0b;border-bottom:4px solid #e60012;box-shadow:0 3px 14px #0003}.app-tabs{border-bottom-color:#d7d7d7;background:#111!important}.app-tabs button{color:#111!important;background:#fff!important;border-color:#2a2a2a!important}.app-tabs button.active,.range-tabs button.active,.brands button.active{color:#fff!important;background:#e60012!important;border-color:#e60012!important}.cart-fab,.save,.login button,.selected-customer button{box-shadow:0 12px 30px #e6001240;color:#fff!important;background:#e60012!important}.cart-fab span{color:#fff;background:#009b2f!important}.login{background:linear-gradient(145deg,#0a0a0a,#171717 52%,#003f17)!important}.login form{border-top:5px solid #e60012;border-bottom:5px solid #009b2f;border-radius:10px}.mini-icon,.customer-card button,.order-card-head .order-actions button{color:#009b2f!important;background:#f2f7f2!important}.order-card-head .order-actions button.danger,.ghost.danger,.trash{color:#e60012!important}.product-row.selected,.selected-customer.active,.customer-card.selected{background:#f2fff6!important;border-color:#009b2f!important;box-shadow:inset 4px 0 #009b2f,0 2px 9px #009b2f18!important}.stepper.active{border-color:#009b2f!important;box-shadow:0 0 0 3px #009b2f16!important}.stepper.active button:last-of-type,.customer-card.selected button{color:#fff!important;background:#009b2f!important}.metric:first-child{background:#111!important;border-color:#111!important}.summary .total b,.order-money p:last-child b,.report-section b{color:#009b2f!important}@media (width<=560px){.brand-mark img{width:122px;height:34px}.brand-mark small{display:none}}.floating-error{z-index:40;align-items:center;gap:12px;width:min(560px,100vw - 24px);margin:0;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #0002}.floating-error svg{cursor:pointer;flex:none}@media (width<=560px){.floating-error{width:calc(100vw - 16px);top:68px}}.product-list.compact-list,.product-list{gap:6px}.product-row{border-radius:8px;padding:8px}.product-head{grid-template-columns:54px minmax(0,1fr);gap:8px}.product-image{border-radius:7px;width:54px}.product-image span{font-size:17px}.product-title{gap:3px}.product-title-top{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.product-title h3{font-size:14px;line-height:1.18}.product-title small{font-size:12px}.stock-check{color:#009b2f;white-space:nowrap;background:#f2f7f2;border:1px solid #d4e4d7;border-radius:8px;align-items:center;gap:4px;height:30px;padding:0 8px;font-size:12px;font-weight:850;display:inline-flex}.stock-check:hover{background:#e7f5eb}.product-meta{grid-template-columns:auto auto;justify-content:start;gap:10px;margin:6px 0 0 62px;font-size:12px}.quick-lines{gap:6px;margin:7px 0 0 62px}.quick-line{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);gap:6px}.quick-line.single{grid-template-columns:38px minmax(0,1fr)}.quick-line>b{font-size:11px}.stepper{grid-template-columns:30px minmax(38px,1fr) 30px auto;height:34px}.stepper input{height:32px;font-size:14px}.stepper em{max-width:54px;padding-right:8px;font-size:11px}@media (width<=560px){.product-row{padding:7px}.product-head{grid-template-columns:46px minmax(0,1fr)}.product-image{width:46px}.product-meta,.quick-lines{margin-left:0}.stock-check{height:28px;padding:0 7px}.quick-line{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)}.quick-line.single{grid-template-columns:34px minmax(0,1fr)}.stepper{grid-template-columns:28px minmax(24px,1fr) 28px 38px;height:34px}.stepper em{max-width:38px}}.quick-line{grid-template-columns:38px minmax(0,1fr) minmax(0,1fr)}.stepper{grid-template-columns:28px 54px 28px minmax(50px,1fr)}.stepper input{padding:0;font-size:14px}.stepper em{text-overflow:clip;min-width:0;max-width:none;padding:0 8px 0 3px}.stepper button{width:25px;height:25px}@media (width<=560px){.quick-line{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)}.stepper{grid-template-columns:26px 42px 26px minmax(44px,1fr)}.stepper input{font-size:13px}.stepper em{max-width:none;padding-right:5px;font-size:11px}.stepper button{width:24px;height:24px}}@media (width<=380px){.stepper{grid-template-columns:24px 36px 24px minmax(40px,1fr)}.stepper em{font-size:10px}}.stepper em{color:#334155;border-left:1px solid #d5e0e8;align-items:center;height:100%;padding:0 10px;font-size:12px;display:flex}.stepper input{font-weight:800}@media (width<=560px){.stepper{grid-template-columns:26px 36px 26px minmax(0,1fr)}.stepper em{padding:0 7px;font-size:11px}.stepper button:last-of-type{margin-right:4px}}@media (width<=380px){.stepper{grid-template-columns:24px 32px 24px minmax(0,1fr)}.stepper em{padding:0 5px;font-size:10px}}.stepper{background:#f8fafc;grid-template-columns:22% 16% 22% 40%}.stepper.active{background:#fff}.stepper em{color:#334155;border-left:0;justify-content:flex-start;padding:0 8px}.stepper button:last-of-type{margin-right:3px}@media (width<=560px){.stepper{grid-template-columns:22% 16% 22% 40%}.stepper em{padding:0 6px}}@media (width<=380px){.stepper{grid-template-columns:22% 16% 22% 40%}.stepper em{padding:0 4px}}.order-list{gap:7px}.order-card{border-radius:7px;gap:5px;padding:9px 10px}.order-card-head{align-items:center}.order-card-head b{font-size:16px}.order-card-head small{margin-top:0;font-size:11px}.order-card-head .order-actions button{border-radius:7px;width:30px;height:30px}.order-actions{gap:5px}.order-status{margin-top:0;padding:3px 7px;font-size:10px}.order-card h3{margin:1px 0 2px;font-size:15px;line-height:1.15}.order-card p{grid-template-columns:64px minmax(0,1fr);gap:6px;font-size:12px;line-height:1.2}.order-money{border-radius:7px;margin-top:4px}.order-money p{gap:2px;padding:6px 8px}.order-money p span{font-size:11px}.order-money p b{font-size:13px}.order-money p:last-child b{font-size:14px}.order-note{padding-top:5px}@media (width<=560px){.order-card{gap:5px;padding:8px 9px}.order-card p{grid-template-columns:58px minmax(0,1fr);font-size:12px}.order-card-head .order-actions button{width:29px;height:29px}.order-money p{padding:6px 7px}}.order-card-head{grid-template-columns:minmax(0,1fr) auto}.order-id-block{min-width:0}.order-id-line{align-items:center;gap:7px;min-width:0;display:flex}.order-id-line>b{font-size:14px;font-weight:850;line-height:1.1}.order-status{grid-area:auto;justify-self:auto;margin-top:0}.order-actions{grid-area:auto}.order-card-head>div:first-child small{font-size:11px;line-height:1.1}@media (width<=560px){.order-card-head{grid-template-columns:minmax(0,1fr) auto}.order-status{grid-area:auto;margin-top:0}.order-actions{grid-area:auto}}.order-no{margin-bottom:2px;font-weight:850;line-height:1.05;display:block;font-size:13px!important}.order-id-line>b{color:#172033;font-size:14px!important;font-weight:850!important}.order-id-line .order-status{flex:none}.customer-card{padding:12px 14px!important;display:block!important}.customer-card-head{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.customer-card-head h3{min-width:0;margin:0!important}.customer-card-head button{border-radius:8px!important;width:36px!important;height:32px!important}.customer-card-body{gap:4px;display:grid}.customer-card-body p{align-items:start;margin:0!important}.customer-card-body p:last-child{grid-template-columns:76px minmax(0,1fr) 34px minmax(0,1fr)}@media (width<=560px){.customer-card{padding:11px 12px!important}.customer-card-head{grid-template-columns:minmax(0,1fr) 34px}.customer-card-head button{width:34px!important;height:30px!important}.customer-card-body p,.customer-card-body p:last-child{grid-template-columns:72px minmax(0,1fr)}}.customer-picker{overflow:hidden!important}.customer-picker .aside-head{flex:none;position:relative;top:auto}.customer-picker .customer-search{z-index:3;flex:none;margin:10px 12px 8px;position:relative!important;top:auto!important}.customer-picker .customer-results{flex:1;min-height:0;padding-top:2px;overflow:auto}@media (width<=560px){.customer-picker .customer-search{margin:9px 8px 8px}}.report-tabs{grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px;display:grid}.report-tabs button{color:#334155;background:#fff;border:1px solid #c8d5df;border-radius:8px;height:38px;font-weight:850}.report-tabs button.active{color:#fff;background:#e60012;border-color:#e60012}.report-section small{color:#64748b;white-space:normal;margin-top:3px;font-size:12px;font-weight:600;display:block}.turnover-details{gap:8px;display:grid}.turnover-line{background:#fff;border:1px solid #dbe3ea;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;display:grid;box-shadow:0 1px 5px #1231}.turnover-line>div{grid-column:1/-1}.turnover-line b{color:#172033;overflow-wrap:anywhere}.turnover-line small{color:#64748b;margin-top:3px;display:block}.turnover-line p{border-radius:7px;border:1px solid #edf2f7!important;grid-template-columns:1fr!important;gap:3px!important;margin:0!important;padding:7px!important;display:grid!important}.turnover-line p span{font-size:11px}.turnover-line .line-total b{color:#009b2f}@media (width<=700px){.turnover-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.report-tabs,.turnover-line{grid-template-columns:1fr}}.add-line{color:#0f7eb5;background:#fff;border:1px dashed #b7c6cf;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:42px;font-weight:850;display:flex}.add-line:hover{background:#f3fafc;border-color:#0f7eb5}.product-picker-overlay{z-index:7}.product-picker{width:min(760px,100%)}.product-picker-body{gap:8px;padding:12px;display:grid}.product-picker-body .brands{padding:0}.product-picker-body .product-list{padding-bottom:14px}.customer-create-form{background:#fff;border:1px solid #dbe3ea;border-radius:8px;gap:10px;margin:10px 12px 8px;padding:12px;display:grid;box-shadow:0 3px 12px #102a3d10}.customer-create-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.customer-create-grid label{color:#526173;gap:5px;font-size:12px;font-weight:800;display:grid}.customer-create-grid input,.customer-create-grid textarea{color:#172033;background:#fff;border:1px solid #d4dee7;border-radius:8px;outline:0;width:100%;padding:9px}.customer-create-grid textarea{resize:vertical;min-height:70px}.customer-create-grid .wide{grid-column:1/-1}.customer-create-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customer-create-actions button{border:0;border-radius:8px;padding:10px 12px;font-weight:850}.customer-create-actions button:first-child{color:#334155;background:#eef3f7}.customer-create-actions button:last-child{color:#fff;background:#e60012}.customer-create-actions button:disabled{opacity:.55}@media (width<=560px){.customer-create-form{margin:9px 8px 8px}.customer-create-grid,.customer-create-actions{grid-template-columns:1fr}}.price-editor{background:#f8fafc;border:1px solid #dde6ee;border-radius:8px;gap:6px;padding:10px;display:grid}.price-editor.invalid{background:#fff7f7;border-color:#ffc9c9}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.price-grid label{color:#64748b;gap:4px;font-size:12px;font-weight:800;display:grid}.price-grid input{color:#172033;border:1px solid #cfdae3;border-radius:8px;min-width:0;padding:8px;font-weight:800}.price-editor small{color:#64748b;font-size:12px}.price-editor .price-error{color:#b42318;font-weight:800}@media (width<=560px){.price-grid{grid-template-columns:1fr}}.customer-location{background:#f8fafc;border:1px solid #dbe3ea;border-radius:8px;gap:5px;margin:8px 12px;padding:10px;display:grid}.customer-card .customer-location{margin:10px 0 0}.customer-location small{color:#526173;overflow-wrap:anywhere;display:block}.location-actions{flex-wrap:wrap;gap:8px;display:flex}.location-actions button,.location-actions a{color:#0f7eb5;cursor:pointer;background:#fff;border:1px solid #c8d5df;border-radius:6px;align-items:center;padding:8px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.location-actions button:disabled{opacity:.55;cursor:wait}.location-confirm p,.customer-location .location-error{margin:4px 0;font-size:12px;display:block!important}.location-warning{color:#945600}.location-error{color:#b42318}