:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:linear-gradient(135deg,#f5f7ff,#dbeafe 60%,#e0f2fe)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.app-shell{height:100vh;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.customer-update-toast{position:fixed;top:14px;right:16px;z-index:1400;max-width:min(420px,calc(100vw - 32px));border:1px solid #99f6e4;border-radius:10px;padding:9px 12px;background:#ecfeff;color:#0f766e;font-size:13px;font-weight:600;box-shadow:0 10px 24px #0f766e2e}.app-header{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#0f766e;border-bottom:1px solid #0b5f59}.app-header-left,.app-header-actions{display:flex;align-items:center;gap:10px}.app-header-actions .secondary{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1}.app-header-print-stock{background:#ffffff29}.app-header-print-stock:hover{background:#ffffff3d}.app-header-logout{background:#0f172a4d}.app-header-logout:hover{background:#0f172a6b}.app-logo{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#0b5f59;color:#fff;font-size:12px;font-weight:700}.sidebar-toggle{width:100%;height:45px;display:flex;align-items:center;gap:10px;background:#fff;color:#0f172a;border:1px solid #dbe2ea;border-radius:10px;padding:0 8px;text-align:left;position:relative}.sidebar-toggle:hover{background:#f8fafc}.app-header h1{margin:0;font-size:16px;color:#fff}.app-body{min-height:0;display:flex}.sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;transition:width .2s ease;overflow:visible}.sidebar.collapsed{width:68px}.sidebar.expanded{width:228px}.sidebar-inner{height:100%;min-height:0;display:flex;flex-direction:column}.sidebar-head{height:40px;display:flex;align-items:center;padding:0 12px}.sidebar-caption{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748b}.sidebar-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.sidebar-nav{display:grid;gap:6px;padding:12px;position:relative;align-content:start;flex:1}.menu-item{width:100%;height:45px;display:flex;align-items:center;gap:10px;background:#fff;color:#0f172a;border:1px solid #e5e7eb;border-radius:10px;padding:0 8px;text-align:left;position:relative}.menu-item:hover{background:#f8fafc}.menu-item.active{background:#0f766e;border-color:#0b5f59;color:#fff}.menu-item.active:before{content:"";position:absolute;left:0;top:9px;width:3px;height:25px;border-radius:0 3px 3px 0;background:#fff}.menu-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#0f172a;font-size:12px;font-weight:700;flex:0 0 auto}.menu-item.active .menu-icon{background:transparent;color:#fff}.menu-icon svg{display:block}.menu-title{font-size:14px;font-weight:600;white-space:nowrap}.menu-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0f172a;color:#f8fafc;font-size:12px;line-height:1;white-space:nowrap;padding:7px 10px;border-radius:8px;opacity:0;pointer-events:none;z-index:20;transition:opacity .15s ease}.sidebar.collapsed .menu-item:hover .menu-tooltip,.sidebar.collapsed .sidebar-toggle:hover .menu-tooltip{opacity:1}.app-content{flex:1;height:100%;min-height:0;min-width:0;display:block;overflow:hidden;padding:16px}.sales-order-layout{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,72fr) minmax(0,28fr);gap:8px}.sales-order-left,.sales-order-right{width:100%;height:100%;min-width:0}.sales-order-left{display:flex;flex-direction:column;gap:16px}.sales-order-right{display:flex;flex-direction:column;min-height:0}.sales-order-card{background:#ffffffe6;border:1px solid #dbe2ea;border-radius:10px;padding:16px}.product-search-input-wrap{width:100%;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.product-search-icon{color:#64748b;flex:0 0 auto}.product-search-input{border:none;padding:10px 0;border-radius:0}.product-search-input:focus{outline:none}.product-search{position:relative}.sales-order-left-product-dropdown{list-style:none;margin:6px 0 0;padding:6px;position:absolute;top:100%;left:0;right:0;z-index:35;width:100%;max-height:260px;overflow-y:auto;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 10px 24px #0f172a1f}.sales-order-left-product-option{width:100%;text-align:left;background:transparent;color:#0f172a;padding:8px 10px;border-radius:8px;display:grid;gap:4px}.sales-order-left-product-option:hover{background:#f1f5f9}.sales-order-left-product-name{display:block;font-size:14px;font-weight:400;color:#0f172a}.sales-order-left-product-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:#475569}.sales-order-left-product-sku{font-size:14px;font-weight:700;color:#0f172a}.sales-order-left-product-stock,.sales-order-left-product-price{border-radius:999px;padding:2px 8px;font-weight:600}.sales-order-left-product-stock{background:#dcfce7;color:#166534}.sales-order-left-product-stock.low{background:#fee2e2;color:#b91c1c}.sales-order-left-product-price{background:#e0f2fe;color:#075985;font-weight:700}.sales-order-left-product-empty{padding:8px 10px;color:#64748b}.sales-order-details{flex:1;border-top:1px solid #e2e8f0;padding-top:14px;min-height:0;overflow-y:auto}.sales-order-details-title{margin:0;font-size:16px;color:#0f172a}.sales-order-items-empty,.sales-order-item-name,.sales-order-item-meta,.sales-order-item-total,.sales-order-right-text,.sales-order-error,.sales-order-notice,.sales-order-summary p{margin:0}.sales-order-items-empty{margin-top:10px;color:#64748b}.sales-order-items-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.sales-order-items-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.sales-order-items-row.clickable{cursor:pointer}.sales-order-items-row.clickable:hover{border-color:#93c5fd;background:#f0f9ff}.sales-order-items-row.clickable:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.sales-order-item-name{font-size:14px;font-weight:400;color:#0f172a}.sales-order-item-meta{margin-top:3px;font-size:12px;color:#475569}.sales-order-item-sku{font-weight:700;font-size:16px;color:#0f172a}.sales-order-item-actions{display:flex;align-items:center;gap:8px}.sales-order-item-qty{width:66px;padding:7px 8px}.sales-order-item-price{width:120px;padding:7px 8px;text-align:right}.sales-order-item-total{min-width:108px;text-align:right;font-size:13px;font-weight:700;color:#0f172a}.sales-order-item-remove{background:#b91c1c;padding:7px 10px}.sales-order-product-log-dialog{border:none;background:transparent;width:min(760px,calc(100vw - 24px));max-width:760px;padding:0}.sales-order-product-log-dialog::backdrop{background:#0f172a73}.sales-order-product-log-panel{border:1px solid #dbe2ea;border-radius:12px;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;max-height:min(78vh,720px)}.sales-order-product-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.sales-order-product-log-title,.sales-order-product-log-subtitle,.sales-order-product-log-row,.sales-order-product-log-meta,.sales-order-product-log-note,.sales-order-product-log-empty{margin:0}.sales-order-product-log-title{font-size:16px;color:#0f172a}.sales-order-product-log-subtitle{margin-top:2px;color:#64748b;font-size:12px}.sales-order-product-log-body{min-height:0;overflow-y:auto;padding:12px}.sales-order-product-log-filters{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(150px,1fr));align-items:end;gap:8px;margin-bottom:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.sales-order-product-log-filter-field{display:grid;gap:6px;font-size:12px;font-weight:600;color:#334155}.sales-order-product-log-filter-field input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:13px;background:#fff;color:#0f172a}.sales-order-product-log-empty{color:#64748b;font-size:13px}.sales-order-product-log-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sales-order-product-log-item{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px 10px}.sales-order-product-log-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:13px;font-weight:700;color:#0f172a}.sales-order-product-log-qty.inflow{color:#0f766e}.sales-order-product-log-qty.outflow{color:#b91c1c}.sales-order-product-log-meta{margin-top:3px;color:#475569;font-size:12px}.sales-order-product-log-note{margin-top:4px;color:#334155;font-size:12px}.sales-order-product-log-more{margin-top:10px}@media (max-width: 640px){.sales-order-product-log-filters{grid-template-columns:1fr}}.sales-order-product-log-foot{display:flex;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.sales-order-print-dialog{border:none;background:transparent;width:min(560px,calc(100vw - 24px));max-width:560px;padding:0}.sales-order-print-dialog::backdrop{background:#0f172a73}.sales-order-print-panel{border:1px solid #dbe2ea;border-radius:12px;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.sales-order-print-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.sales-order-print-title,.sales-order-print-subtitle,.sales-order-print-error{margin:0}.sales-order-print-title{font-size:16px;color:#0f172a}.sales-order-print-subtitle{margin-top:2px;color:#64748b;font-size:12px}.sales-order-print-body{display:grid;gap:10px;padding:12px}.sales-order-print-option{width:100%;text-align:left;padding:12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;display:grid;gap:3px}.sales-order-print-option:hover{background:#f8fafc;border-color:#94a3b8}.sales-order-print-option-title{font-size:14px;font-weight:700}.sales-order-print-option-meta{font-size:12px;color:#475569}.sales-order-print-error{color:#dc2626;font-size:13px;font-weight:600}.sales-order-print-foot{display:flex;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.sales-order-summary{margin-top:10px;border-top:1px dashed #cbd5e1;padding-top:10px;display:grid;gap:4px;color:#0f172a;font-size:13px}.sales-order-right-head,.sales-order-right-body,.sales-order-right-foot{width:100%}.sales-order-right-head{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.sales-order-right-label{font-size:13px;font-weight:600;color:#0f172a}.sales-order-right-customer-input{border:none;border-radius:0;height:100%;padding:0}.sales-order-right-customer-input:focus{outline:none}.sales-order-right-customer-field{position:relative;width:100%}.sales-order-right-customer-input-wrap{width:100%;height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.sales-order-right-customer-icon{color:#64748b;flex:0 0 auto}.sales-order-right-customer-actions-toggle{width:28px;height:28px;border-radius:8px;padding:0;border:1px solid #cbd5e1;background:#f1f5f9;color:#0f172a;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;line-height:0}.sales-order-right-customer-actions-toggle:hover{background:#e2e8f0}.sales-order-right-customer-actions-toggle:disabled{opacity:.5;cursor:not-allowed}.sales-order-right-customer-actions-menu{list-style:none;margin:6px 0 0;padding:6px;position:absolute;top:100%;right:0;z-index:31;width:180px;max-width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 10px 24px #0f172a1f}.sales-order-right-customer-dropdown{list-style:none;margin:6px 0 0;padding:6px;position:absolute;top:100%;left:0;right:0;z-index:30;width:100%;max-height:220px;overflow-y:auto;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 10px 24px #0f172a1f}.sales-order-right-customer-option{width:100%;text-align:left;background:transparent;color:#0f172a;padding:8px 10px;border-radius:8px}.sales-order-right-customer-option:hover{background:#f1f5f9}.sales-order-right-customer-empty{padding:8px 10px;color:#64748b}.sales-order-quick-receipt-customer{margin:0;color:#0f172a;font-size:14px}.sales-order-quick-receipt-top-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;align-items:end}.sales-order-quick-receipt-total-input{text-align:right;font-weight:700}.sales-order-quick-receipt-orders{border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc;padding:10px;display:grid;gap:8px}.sales-order-quick-receipt-orders-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sales-order-quick-receipt-orders-head p{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.sales-order-quick-receipt-orders-actions{display:flex;gap:6px}.sales-order-quick-receipt-orders-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow-y:auto}.sales-order-quick-receipt-order-item{border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:8px;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:10px;align-items:center}.sales-order-quick-receipt-order-check{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:6px;color:#0f172a;font-weight:600}.sales-order-quick-receipt-order-check input{width:14px;height:14px;margin:0}.sales-order-quick-receipt-order-code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-order-quick-receipt-order-inline{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:center}.sales-order-quick-receipt-order-meta,.sales-order-quick-receipt-order-allocated,.sales-order-quick-receipt-orders-empty{margin:0;font-size:13px}.sales-order-quick-receipt-order-meta,.sales-order-quick-receipt-orders-empty{color:#475569}.sales-order-quick-receipt-order-meta{white-space:nowrap}.sales-order-quick-receipt-order-amount,.sales-order-quick-receipt-order-allocated{white-space:nowrap;text-align:right}.sales-order-quick-receipt-order-allocated{color:#0f172a;font-weight:700}.sales-order-quick-receipt-summary{border:1px dashed #cbd5e1;border-radius:10px;background:#fff;padding:10px;display:grid;gap:4px}.sales-order-quick-receipt-summary p{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.sales-order-customer-edit-dialog{margin:auto;padding:0;width:min(640px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.sales-order-customer-edit-dialog::backdrop{background:#0f172a61}.sales-order-customer-edit-panel{width:100%;max-height:min(820px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.sales-order-customer-edit-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.sales-order-customer-edit-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.sales-order-customer-edit-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.sales-order-customer-edit-close:hover{background:#e2e8f0}.sales-order-customer-edit-body{min-height:0;overflow-y:auto;padding:12px}.sales-order-customer-edit-error{margin:10px 0 0;color:#b91c1c;font-size:13px}.sales-order-customer-edit-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.sales-order-right-body{flex:1;min-height:0;overflow-y:auto;padding:12px 0;border-bottom:1px solid #e2e8f0}.sales-order-right-text{margin-top:8px;font-size:13px;color:#334155}.sales-order-right-section{display:grid;gap:8px}.sales-order-right-section+.sales-order-right-section{margin-top:14px}.sales-order-info-grid{display:grid;gap:3px}.sales-order-info-row{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.sales-order-info-label{font-size:13px;color:#334155}.sales-order-info-value{font-size:13px;color:#0f172a;text-align:right;font-weight:600;word-break:break-word}.sales-order-right-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.sales-order-right-field input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px}.sales-order-right-number-input{text-align:right}.sales-order-summary-box{border-top:1px dashed #cbd5e1;padding-top:10px}.sales-order-right-note{margin:6px 0 0;font-size:12px;color:#92400e}.sales-order-error{margin-top:10px;color:#dc2626;font-size:13px;font-weight:600}.sales-order-notice{margin-top:10px;color:#0f766e;font-size:13px;font-weight:600}.sales-order-right-foot{padding-top:12px;margin-top:auto}.sales-order-submit{width:100%}.sales-order-submit-create{padding-top:12.5px;padding-bottom:12.5px;font-size:14pt}.order-page{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;background:#ffffffe6;border:1px solid #dbe2ea;border-radius:10px;padding:16px}.order-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-filter{width:auto;display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.overview-filter .order-date-filter{min-width:180px}.overview-preset-group{display:inline-flex;align-items:center;gap:6px}.overview-preset-btn{white-space:nowrap}.overview-preset-btn.active{background:#0f172a;color:#fff}.order-page-title{margin:0;font-size:20px;color:#0f172a}.order-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.order-metric-card{margin:0;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.order-metric-label,.order-metric-value,.order-list-empty,.order-head-cell,.order-cell,.order-number,.order-meta,.order-amount,.order-status,.order-detail-label,.order-detail-text,.order-detail-error,.order-detail-summary p{margin:0}.order-metric-label{font-size:12px;color:#64748b}.order-metric-value{margin-top:6px;font-size:18px;font-weight:700;color:#0f172a}.order-search-filter{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px 220px;align-items:end;gap:10px}.order-search-wrap{height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.order-search-icon{color:#64748b;flex:0 0 auto}.order-search-input,.order-filter-select{width:100%;height:100%;border:none;border-radius:0;padding:0;background:transparent}.order-filter-select{height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.order-date-filter{display:grid;gap:4px;font-size:12px;font-weight:600;color:#334155}.order-date-input{height:40px;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:13px;background:#fff;color:#0f172a}.order-list{--order-columns: minmax(150px, 1.2fr) minmax(180px, 1.45fr) minmax(150px, 1.2fr) minmax(150px, 1.15fr) minmax(130px, 1fr) minmax(170px, 1.25fr);min-height:0;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;padding:8px;background:#fff}.order-list-head{display:grid;grid-template-columns:var(--order-columns);gap:10px;padding:0 10px 8px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.order-head-cell{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.order-list-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.order-list-item{display:grid;grid-template-columns:var(--order-columns);align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.order-list-item.clickable{cursor:pointer}.order-list-item.clickable:hover{border-color:#93c5fd;background:#f0f9ff}.order-list-item.clickable:focus-visible{outline:2px solid #93c5fd;outline-offset:1px}.order-cell{min-width:0;font-size:13px;color:#334155}.order-number{font-size:13px;font-weight:400;color:#0f172a}.order-customer,.order-phone,.order-created-at{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta{margin-top:4px;font-size:13px;color:#475569}.order-right{display:grid;justify-items:end;align-content:start;gap:4px}.order-amount{font-size:13px;font-weight:400;color:#0f172a}.order-status{font-size:13px;color:#334155}.order-list-empty{padding:12px;color:#64748b}.order-load-more{margin-top:10px;width:100%;background:#e2e8f0;color:#0f172a}.order-load-more:hover{background:#cbd5e1}.order-detail-dialog{margin:auto;padding:0;width:min(640px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.order-detail-dialog::backdrop{background:#0f172a61}.order-detail-panel{width:100%;max-height:min(760px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.order-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.order-detail-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.order-detail-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.order-detail-close:hover{background:#e2e8f0}.order-detail-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:12px;padding:12px}.order-detail-block{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.order-detail-label{font-size:12px;color:#64748b}.order-detail-text{margin-top:4px;font-size:14px;color:#0f172a}.order-detail-items{margin:8px 0 0;padding-left:18px;color:#334155;display:grid;gap:5px}.order-detail-summary{display:grid;gap:5px;border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#fff;color:#0f172a;font-size:14px}.order-detail-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.order-detail-field input,.order-detail-field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px;background:#fff}.order-detail-field.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-detail-field.two-cols span{display:grid;gap:6px}.order-detail-error{color:#dc2626;font-size:13px;font-weight:600}.order-detail-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.order-cancel-button{background:#b91c1c}.order-cancel-button:hover{background:#991b1b}.order-cancel-dialog{margin:auto;padding:0;width:min(520px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.order-cancel-dialog::backdrop{background:#0f172a61}.order-cancel-panel{width:100%;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.order-cancel-body{display:grid;gap:10px;padding:12px}.order-cancel-text,.order-cancel-option{margin:0}.order-cancel-text{font-size:13px;color:#334155}.order-cancel-option{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#0f172a}.order-cancel-option input{width:auto;margin-top:2px}.receipt-page{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;background:#ffffffe6;border:1px solid #dbe2ea;border-radius:10px;padding:16px}.receipt-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-page-title{margin:0;font-size:20px;color:#0f172a}.receipt-create-button{white-space:nowrap}.receipt-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.receipt-metric-card{margin:0;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.receipt-metric-label,.receipt-metric-value,.receipt-head-cell,.receipt-cell,.receipt-number,.receipt-meta,.receipt-amount,.receipt-status,.receipt-list-empty,.receipt-detail-error,.receipt-detail-notice{margin:0}.receipt-metric-label{font-size:12px;color:#64748b}.receipt-metric-value{margin-top:6px;font-size:18px;font-weight:700;color:#0f172a}.receipt-search-filter{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px 220px;align-items:end;gap:10px}.receipt-search-wrap{height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.receipt-search-icon{color:#64748b;flex:0 0 auto}.receipt-search-input,.receipt-filter-select{width:100%;height:100%;border:none;border-radius:0;padding:0;background:transparent}.receipt-filter-select{height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.receipt-date-filter{display:grid;gap:4px;font-size:12px;font-weight:600;color:#334155}.receipt-date-input{height:40px;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:13px;background:#fff;color:#0f172a}.receipt-list{--receipt-columns: minmax(150px, 1.2fr) minmax(180px, 1.45fr) minmax(150px, 1.15fr) minmax(130px, 1fr) minmax(130px, 1fr) minmax(150px, 1fr) minmax(120px, 1fr);min-height:0;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;padding:8px;background:#fff}.receipt-list-head{display:grid;grid-template-columns:var(--receipt-columns);gap:10px;padding:0 10px 8px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.receipt-head-cell{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.receipt-list-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.receipt-list-item{display:grid;grid-template-columns:var(--receipt-columns);align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer}.receipt-list-item:hover{border-color:#0f766e;background:#eefcf8}.receipt-list-item:focus-visible{outline:2px solid #0f766e;outline-offset:1px}.receipt-cell{min-width:0;font-size:13px;color:#334155}.receipt-number{font-size:13px;font-weight:400;color:#0f172a}.receipt-customer,.receipt-collected-at{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-meta{margin-top:4px;font-size:13px;color:#475569}.receipt-right{display:grid;justify-items:end;align-content:start;gap:4px}.receipt-amount{font-size:13px;font-weight:400;color:#0f172a}.receipt-status{font-size:13px;color:#334155}.receipt-list-empty{padding:12px;color:#64748b}.receipt-load-more{margin-top:10px;width:100%;background:#e2e8f0;color:#0f172a}.receipt-load-more:hover{background:#cbd5e1}.receipt-detail-dialog{margin:auto;padding:0;width:min(680px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.sales-order-quick-receipt-dialog{width:min(980px,calc(100vw - 24px))}.receipt-detail-dialog::backdrop{background:#0f172a61}.receipt-detail-panel{width:100%;max-height:min(760px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.receipt-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.receipt-detail-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.receipt-detail-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.receipt-detail-close:hover{background:#e2e8f0}.receipt-detail-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:12px}.receipt-detail-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.receipt-detail-field input,.receipt-detail-field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px;background:#fff}.purchase-head-cell,.purchase-cell,.purchase-number,.purchase-list-empty,.purchase-amount,.purchase-status{margin:0}.purchase-list{--purchase-columns: minmax(150px, 1.15fr) minmax(180px, 1.35fr) minmax(150px, 1.15fr) minmax(150px, 1.1fr) minmax(130px, 1fr) minmax(170px, 1.25fr) minmax(120px, 1fr);min-height:0;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;padding:8px;background:#fff}.purchase-list-head{display:grid;grid-template-columns:var(--purchase-columns);gap:10px;padding:0 10px 8px;border-bottom:1px solid #e2e8f0;margin-bottom:8px}.purchase-head-cell{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.purchase-list-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.purchase-list-item{display:grid;grid-template-columns:var(--purchase-columns);align-items:center;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer}.purchase-list-item:hover{border-color:#0f766e;background:#eefcf8}.purchase-list-item:focus-visible{outline:2px solid #0f766e;outline-offset:1px}.purchase-cell{min-width:0;font-size:13px;color:#334155}.purchase-number{font-size:13px;font-weight:400;color:#0f172a}.purchase-supplier,.purchase-purchased-at,.purchase-created-by{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-amount{font-size:13px;font-weight:400;color:#0f172a}.purchase-status{font-size:13px;color:#334155}.purchase-list-empty{padding:12px;color:#64748b}.purchase-search-filter{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px 220px;align-items:end;gap:10px}.purchase-search-wrap{height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.purchase-search-icon{color:#64748b;flex:0 0 auto}.purchase-search-input,.purchase-filter-select{width:100%;height:100%;border:none;border-radius:0;padding:0;background:transparent}.purchase-filter-select{height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff}.purchase-date-filter{display:grid;gap:4px;font-size:12px;font-weight:600;color:#334155}.purchase-date-input{height:40px;width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:13px;background:#fff;color:#0f172a}.purchase-load-more{margin-top:10px;width:100%;background:#e2e8f0;color:#0f172a}.purchase-load-more:hover{background:#cbd5e1}.purchase-view-dialog{margin:auto;padding:0;width:min(760px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.purchase-view-dialog::backdrop{background:#0f172a61}.purchase-view-panel{width:100%;max-height:min(820px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.purchase-view-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.purchase-view-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.purchase-view-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.purchase-view-close:hover{background:#e2e8f0}.purchase-view-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:12px}.purchase-view-error{margin:0;padding:8px 10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.purchase-view-block{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:10px}.purchase-view-label,.purchase-view-text,.purchase-view-summary p{margin:0}.purchase-view-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.purchase-view-text{margin-top:4px;color:#0f172a;font-size:14px}.purchase-view-items{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.purchase-view-item-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:8px;color:#0f172a;font-size:13px}.purchase-view-item-row span:last-child{text-align:right;font-weight:700}.purchase-view-summary{display:grid;gap:5px;border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#fff;color:#0f172a;font-size:14px}.purchase-view-summary p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.purchase-view-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.receipt-allocation-list{display:grid;gap:8px}.receipt-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:8px}.receipt-allocation-amount{text-align:right}.receipt-add-row{justify-self:flex-start}.receipt-detail-error{color:#dc2626;font-size:13px;font-weight:600}.receipt-detail-notice{color:#0f766e;font-size:13px;font-weight:600}.receipt-detail-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.receipt-view-dialog{margin:auto;padding:0;width:min(760px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.receipt-view-dialog::backdrop{background:#0f172a61}.receipt-view-panel{width:100%;max-height:min(820px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.receipt-view-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.receipt-view-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.receipt-view-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.receipt-view-close:hover{background:#e2e8f0}.receipt-view-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:12px}.receipt-view-block{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:10px}.receipt-view-label,.receipt-view-text,.receipt-view-summary p{margin:0}.receipt-view-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.receipt-view-text{margin-top:4px;color:#0f172a;font-size:14px}.receipt-view-method-field{margin-top:8px}.receipt-view-items{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.receipt-view-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dbe2ea;border-radius:8px;background:#fff;padding:8px;color:#0f172a;font-size:13px}.receipt-view-item-row span:last-child{text-align:right;font-weight:700}.receipt-view-summary{display:grid;gap:5px;border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#fff;color:#0f172a;font-size:14px}.receipt-view-summary p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.receipt-view-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.stock-print-dialog{margin:auto;padding:0;width:min(560px,calc(100vw - 24px));max-width:560px;border:none;background:transparent}.stock-print-dialog::backdrop{background:#0f172a73}.stock-print-panel{border:1px solid #dbe2ea;border-radius:12px;background:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.stock-print-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.stock-print-title,.stock-print-subtitle,.stock-print-error{margin:0}.stock-print-title{font-size:16px;color:#0f172a}.stock-print-subtitle{margin-top:2px;color:#64748b;font-size:12px}.stock-print-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.stock-print-close:hover{background:#e2e8f0}.stock-print-body{display:grid;gap:10px;padding:12px}.stock-print-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.stock-print-field select{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:14px;background:#fff}.stock-print-field select:focus-visible{outline:2px solid #2dd4bf;outline-offset:1px}.stock-print-hint{margin:0;font-size:12px;color:#475569}.stock-print-error{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;padding:8px 10px;font-size:13px}.stock-print-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.stock-print-foot button{min-width:92px}.receipt-cancel-button{background:#dc2626}.receipt-cancel-button:hover{background:#b91c1c}.purchase-detail-dialog{margin:auto;padding:0;width:min(75vw,1280px);max-width:100vw;border:none;background:transparent}.purchase-detail-dialog::backdrop{background:#0f172a61}.purchase-detail-panel{width:100%;max-height:min(860px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.purchase-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.purchase-detail-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.purchase-detail-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.purchase-detail-close:hover{background:#e2e8f0}.purchase-detail-body{min-height:0;overflow-y:auto;padding:12px}.purchase-form-layout{height:auto;min-height:520px}.customer-page{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;background:#ffffffe6;border:1px solid #dbe2ea;border-radius:10px;padding:16px}.customer-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-page-actions{display:flex;align-items:center;gap:8px}.customer-template-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:10px 14px;background:#475569;color:#fff;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none}.customer-template-link:hover{background:#334155}.customer-import-input{display:none}.customer-page-title{margin:0;font-size:20px;color:#0f172a}.customer-create-button{white-space:nowrap}.customer-import-notice,.customer-import-error{margin:0;font-size:13px;font-weight:600}.customer-import-notice{color:#0f766e}.customer-import-error{color:#dc2626}.customer-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.customer-metric-card{margin:0;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.customer-metric-label,.customer-metric-value,.customer-name,.customer-meta,.customer-balance,.customer-list-empty{margin:0}.customer-metric-label{font-size:12px;color:#64748b}.customer-metric-value{margin-top:6px;font-size:18px;font-weight:700;color:#0f172a}.customer-search-filter{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px}.customer-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.customer-search-icon{color:#64748b;flex:0 0 auto}.customer-search-input,.customer-filter-select{width:100%;border:none;border-radius:0;padding:10px 0;background:transparent}.customer-filter-select{border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff}.customer-search-input:focus,.customer-filter-select:focus{outline:none}.customer-list{min-height:0;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;padding:8px;background:#fff}.customer-list-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.customer-list-item{padding:0;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;min-width:0;box-shadow:0 1px 2px #0f172a0a}.customer-list-item-button{width:100%;min-height:132px;display:grid;align-content:space-between;gap:12px;padding:12px;border:none;border-radius:10px;background:transparent;text-align:left}.customer-list-item-button:hover{background:#eef2f7}.customer-list-item-button:focus-visible{outline:2px solid #0f766e;outline-offset:1px}.customer-name{font-size:15px;font-weight:700;color:#0f172a;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-meta{margin-top:3px;font-size:13px;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.customer-amounts{text-align:left}.customer-balance{font-size:13px;font-weight:600}.customer-balance.negative{color:#b91c1c}.customer-balance.positive{color:#1d4ed8}.customer-list-empty{padding:12px;color:#64748b}.customer-load-more{margin-top:10px;width:100%;background:#e2e8f0;color:#0f172a}.customer-load-more:hover{background:#cbd5e1}@media (max-width: 1440px){.customer-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1200px){.customer-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.customer-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.customer-list-grid{grid-template-columns:minmax(0,1fr)}}.customer-detail-dialog{margin:auto;padding:0;width:min(560px,calc(100vw - 24px));max-width:100vw;border:none;background:transparent}.customer-detail-dialog::backdrop{background:#0f172a61}.customer-detail-panel{width:100%;max-height:min(720px,calc(100vh - 24px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;box-shadow:0 14px 32px #0f172a3d}.customer-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.customer-detail-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.customer-detail-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.customer-detail-close:hover{background:#e2e8f0}.customer-detail-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:12px}.customer-detail-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.customer-detail-field input[type=text]{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px}.customer-detail-field.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-detail-field.two-cols span{display:grid;gap:6px}.customer-detail-input-hint{color:#64748b;font-size:12px;font-weight:500}.customer-detail-error{margin:0;color:#dc2626;font-size:13px;font-weight:600}.customer-detail-tabs{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #dbe2ea;border-radius:10px;padding:4px}.customer-detail-tab{border:none;background:transparent;color:#475569;font-size:13px;font-weight:600;border-radius:8px;padding:7px 10px}.customer-detail-tab:hover{background:#e2e8f0;color:#0f172a}.customer-detail-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a26}.customer-detail-tab-panel{min-height:0}.customer-detail-edit-form{display:grid;gap:10px}.customer-detail-view-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 12px}.customer-detail-view-label,.customer-detail-view-value{margin:0}.customer-detail-view-label{color:#64748b;font-size:13px}.customer-detail-view-value{color:#0f172a;font-size:14px;font-weight:600;word-break:break-word}.customer-detail-view-value.negative{color:#b91c1c}.customer-detail-view-value.positive{color:#1d4ed8}.customer-detail-field input[type=number],.customer-detail-field select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px;background:#fff}.customer-transaction-log{margin-top:0;border-top:none;padding-top:0}.customer-transaction-log-title{margin:0;font-size:14px;font-weight:700;color:#0f172a}.customer-transaction-log-empty{margin:8px 0 0;color:#64748b;font-size:13px}.customer-transaction-log-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.customer-transaction-log-item{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px 10px}.customer-transaction-log-head,.customer-transaction-log-meta,.customer-transaction-log-note{margin:0}.customer-transaction-log-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#0f172a}.customer-transaction-log-meta{margin-top:3px;font-size:12px;color:#475569}.customer-transaction-log-note{margin-top:4px;font-size:12px;color:#334155}.customer-transaction-log-more{margin-top:8px}.customer-detail-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.product-page{width:100%;height:100%;min-height:0;background:#ffffffe6;border:1px solid #dbe2ea;border-radius:10px;padding:16px}.product-page-shell{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.product-page-shell.with-panel{grid-template-columns:minmax(0,1fr) 360px;gap:12px}.product-page-main{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px}.product-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-page-actions{display:flex;align-items:center;gap:8px}.product-import-input{display:none}.product-page-title{margin:0;font-size:20px;color:#0f172a}.product-create-button{white-space:nowrap}.product-template-link{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;padding:10px 14px;background:#475569;color:#fff;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none}.product-template-link:hover{background:#334155}.product-import-notice,.product-import-error{margin:0;font-size:13px;font-weight:600}.product-import-notice{color:#0f766e}.product-import-error{color:#dc2626}.product-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-metric-card{margin:0;background:#f8fafc;border:1px solid #dbe2ea;border-radius:10px;padding:12px}.product-metric-label,.product-metric-value,.product-name,.product-meta,.product-stock,.product-price,.product-list-empty{margin:0}.product-metric-label{font-size:12px;color:#64748b}.product-metric-value{margin-top:6px;font-size:18px;font-weight:700;color:#0f172a}.product-search-filter{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px}.product-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 10px}.product-search-page-icon{color:#64748b;flex:0 0 auto}.product-search-page-input,.product-filter-select{width:100%;border:none;border-radius:0;padding:10px 0;background:transparent}.product-filter-select{border:1px solid #cbd5e1;border-radius:10px;padding:10px;background:#fff}.product-search-page-input:focus,.product-filter-select:focus{outline:none}.product-list{min-height:0;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;padding:8px;background:#fff}.product-list-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.product-list-item{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.product-item-button{width:100%;border:none;background:transparent;color:inherit;padding:0;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.product-list-item:hover{border-color:#0f766e;background:#eefcf8}.product-detail-dialog{margin:auto;width:min(560px,calc(100vw - 24px));max-width:100vw;height:auto;max-height:100vh;border:none;background:transparent;overflow:visible;display:grid;align-items:center;padding:12px 0}.product-detail-dialog.product-create-dialog{margin:auto;width:min(560px,calc(100vw - 24px));max-width:100vw;height:auto;max-height:100vh;display:grid;align-items:center;padding:12px 0}.product-detail-dialog::backdrop{background:#0f172a61}.product-detail-panel{width:100%;height:auto;max-height:min(760px,calc(100vh - 32px));min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 14px 32px #0f172a3d;overflow:hidden;animation:productCreateDialogIn .2s ease-out}.product-detail-panel.product-create-panel{height:auto;max-height:min(760px,calc(100vh - 32px));border:1px solid #dbe2ea;border-radius:12px;box-shadow:0 14px 32px #0f172a3d;animation:productCreateDialogIn .2s ease-out}@keyframes productCreateDialogIn{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.product-detail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}.product-detail-title{margin:0;font-size:16px;font-weight:700;color:#0f172a}.product-detail-close{width:30px;height:30px;border-radius:8px;padding:0;background:#f1f5f9;color:#0f172a;display:inline-flex;align-items:center;justify-content:center}.product-detail-close:hover{background:#e2e8f0}.product-detail-body{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:10px;padding:12px}.product-detail-tabs{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border:1px solid #dbe2ea;border-radius:10px;padding:4px}.product-detail-tab{border:none;background:transparent;color:#475569;font-size:13px;font-weight:600;border-radius:8px;padding:7px 10px}.product-detail-tab:hover{background:#e2e8f0;color:#0f172a}.product-detail-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a26}.product-detail-tab-panel{min-height:0;display:grid;gap:10px}.product-detail-field{display:grid;gap:6px;font-size:13px;font-weight:600;color:#334155}.product-detail-field input[type=text],.product-detail-field input[type=number]{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;font-size:14px}.product-detail-field input:disabled{background:#f8fafc;color:#475569}.product-detail-field.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-detail-field.two-cols span{display:grid;gap:6px}.product-detail-checkbox-wrap{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:#fff}.product-detail-checkbox-wrap input{width:auto;margin:0}.product-detail-error{margin:0;color:#dc2626;font-size:13px;font-weight:600}.product-transaction-log{margin-top:0}.product-transaction-log-title{margin:0;font-size:14px;font-weight:700;color:#0f172a}.product-transaction-log-header{display:grid;gap:10px}.product-transaction-log-filters{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(150px,1fr));gap:8px;align-items:end}.product-transaction-log-filter-field{display:grid;gap:4px;font-size:12px;color:#334155;font-weight:600}.product-transaction-log-filter-field input{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:7px 9px;font-size:12px}.product-transaction-log-filter-search{min-width:0}.product-transaction-log-empty{margin:8px 0 0;color:#64748b;font-size:13px}.product-transaction-log-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.product-transaction-log-item{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:8px 10px}.product-transaction-log-head,.product-transaction-log-meta,.product-transaction-log-note{margin:0}.product-transaction-log-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#0f172a}.product-transaction-log-qty.inflow{color:#0f766e}.product-transaction-log-qty.outflow{color:#b91c1c}.product-transaction-log-meta{margin-top:3px;font-size:12px;color:#475569}.product-transaction-log-note{margin-top:4px;font-size:12px;color:#334155}.product-transaction-log-more{margin-top:8px;width:100%}@media (max-width: 760px){.product-transaction-log-filters{grid-template-columns:1fr}}.product-detail-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #e2e8f0;background:#f8fafc}.danger{background:#b91c1c}.product-name{font-size:15px;font-weight:700;color:#0f172a}.product-meta{margin-top:3px;font-size:13px;color:#475569}.product-stats{text-align:left}.product-stock,.product-price{font-size:13px;font-weight:600}.product-stock{color:#0f766e}.product-stock.low{color:#b91c1c}.product-price{margin-top:4px;color:#1e293b}.product-list-empty{padding:12px;color:#64748b}.product-load-more{margin-top:10px;width:100%;background:#e2e8f0;color:#0f172a}.product-load-more:hover{background:#cbd5e1}@media (max-width: 1440px){.product-list-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1200px){.product-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 992px){.product-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sidebar-foot{padding:12px;border-top:1px solid #e2e8f0}.sidebar.collapsed .sidebar-head{justify-content:center;padding:0}.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-foot{padding-left:8px;padding-right:8px}.sidebar.collapsed .menu-item,.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:0;gap:0}@media (max-width: 768px){.app-header{height:auto;min-height:52px;padding:8px 10px;gap:8px;flex-wrap:wrap}.app-header h1{font-size:14px}.app-header-actions{margin-left:auto}.app-header-actions .secondary{height:32px;padding:0 10px;font-size:12px}.sidebar.expanded{width:210px}.app-content{padding:12px}.sales-order-layout,.customer-dashboard,.customer-search-filter,.receipt-dashboard,.receipt-search-filter,.order-dashboard,.order-search-filter,.purchase-search-filter,.product-dashboard,.product-search-filter{grid-template-columns:1fr}.customer-list-item{flex-direction:column}.customer-list-item-button{flex-direction:column;align-items:flex-start}.receipt-list-item{grid-template-columns:1fr;gap:8px;padding:12px}.receipt-list-head{display:none}.receipt-right{justify-items:start}.receipt-cell{width:100%;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:8px}.receipt-cell:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.purchase-list-item{grid-template-columns:1fr;gap:8px;padding:12px}.purchase-list-head{display:none}.purchase-cell{width:100%;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:8px}.purchase-cell:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.purchase-view-item-row,.receipt-view-item-row{grid-template-columns:1fr;gap:4px}.receipt-view-item-row span:last-child{text-align:left}.purchase-view-item-row span:last-child{text-align:left}.receipt-allocation-row{grid-template-columns:1fr}.sales-order-items-row{flex-direction:column;align-items:flex-start}.sales-order-item-actions{width:100%;justify-content:space-between}.order-list-item{grid-template-columns:1fr;gap:8px;padding:12px}.order-list-head{display:none}.product-list-item{flex-direction:column}.product-list-grid{grid-template-columns:1fr}.customer-amounts{text-align:left}.order-right{justify-items:start}.order-cell{width:100%;display:grid;grid-template-columns:108px minmax(0,1fr);align-items:baseline;gap:8px}.order-cell:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.product-stats{text-align:left}.customer-page-header{flex-wrap:wrap}.customer-page-actions{width:100%;flex-wrap:wrap}.customer-detail-field.two-cols{grid-template-columns:1fr}.customer-detail-view-grid{grid-template-columns:1fr;gap:4px}.sales-order-quick-receipt-orders-head{flex-direction:column;align-items:flex-start}.sales-order-quick-receipt-top-fields{grid-template-columns:1fr}.sales-order-quick-receipt-orders-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.sales-order-quick-receipt-order-item{grid-template-columns:1fr;gap:6px}.sales-order-quick-receipt-order-inline{grid-template-columns:1fr;gap:4px}.sales-order-quick-receipt-order-amount,.sales-order-quick-receipt-order-allocated{text-align:left}.order-detail-field.two-cols{grid-template-columns:1fr}.purchase-detail-dialog{width:calc(100vw - 24px)}.purchase-form-layout{min-height:0}.customer-detail-footer,.order-detail-footer,.product-page-header{flex-wrap:wrap}.product-page-actions{width:100%;flex-wrap:wrap}.product-detail-field.two-cols{grid-template-columns:1fr}.product-detail-footer{flex-wrap:wrap}.product-detail-panel{width:100%}.menu-tooltip{display:none}}.card{width:100%;max-width:480px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px;box-shadow:0 12px 32px #0f172a24}.content-area{width:100%;max-width:none}h1{margin-top:0;margin-bottom:8px}p{margin-top:0;color:#334155}.form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:600}input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px}button{border:none;background:#0f766e;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}button:disabled{opacity:.7;cursor:not-allowed}.panel{display:grid;gap:10px}.active-module{margin:0;color:#0c4a6e;font-weight:700}.module-screen{margin-top:4px}.module-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#475569}.profile{margin-top:16px;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;overflow-x:auto}.error{margin-top:12px;color:#dc2626;font-weight:600}