@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";.sales-form-standalone{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.sales-form-embedded{min-height:auto;background:transparent}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;text-align:center;box-shadow:0 4px 12px #00000026}.header-content h1{margin:0 0 8px;font-size:32px;font-weight:700}.header-content p{margin:0;font-size:15px;opacity:.9}.form-container{flex:1;padding:30px 20px;max-width:960px;margin:0 auto;width:100%}.sales-form-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden}.form-section{padding:25px;border-bottom:1px solid #e0e0e0}.form-section:last-child{border-bottom:none}.form-section h3{font-size:18px;margin:0 0 12px;color:#333;font-weight:600}.section-desc{color:#666;font-size:13px;margin:0 0 18px;line-height:1.6}.form-group-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:15px;align-items:flex-end}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.form-input,.form-select{padding:12px 14px;border:1.5px solid #d0d0d0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;background:#fff}.form-input:read-only{background:#f5f5f5;cursor:not-allowed;border-color:#e0e0e0}.form-hint{font-size:12px;color:#999;margin-top:5px;display:block}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a4191)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-lg{padding:14px 28px;font-size:14px;width:100%}.btn-small{padding:6px 12px;font-size:12px}.empty-state{text-align:center;padding:50px 20px;color:#999;background:#f9f9f9;border-radius:8px;border:2px dashed #ddd}.sku-list{overflow-x:auto}.sku-table{width:100%;border-collapse:collapse;background:#fff}.sku-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.sku-table th{padding:14px;text-align:left;font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px}.sku-table td{padding:14px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#555}.sku-table tbody tr:hover{background:#f9f9f9}.table-input,.table-select{width:100%;padding:8px 10px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;font-family:inherit;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.table-input:focus,.table-select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.qty-input{max-width:80px;text-align:center}.table-qty-wrap{display:flex;align-items:center;gap:8px}.table-stock-warn{color:#e53e3e;font-size:11px;font-weight:600;white-space:nowrap}.input-warn{border-color:#feb2b2;background:#fff5f5;color:#c53030}.input-warn:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}.order-summary{background:#f5f5f5;padding:15px;border-radius:6px;margin-top:15px;border-left:4px solid #667eea}.order-summary p{margin:8px 0;font-size:13px;color:#555}.form-actions-section{background:#f5f5f5}.form-actions-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.found-order-info{margin:0 0 20px;padding:15px;background:#e8f5e9;border:1.5px solid #4caf50;border-radius:8px;color:#2e7d32}.found-order-info h4{margin:0 0 10px;font-size:14px;color:#1b5e20;font-weight:600}.found-order-info p{margin:6px 0;font-size:13px}.form-footer{background:#0000001a;color:#fff;text-align:center;padding:20px;font-size:12px;opacity:.8}.sf-history-wrap{margin-top:1.5rem;background:#f9fafb;padding:1rem 1.2rem;border-radius:10px;border:1.5px solid #e5e7eb}.sf-history-title{margin:0 0 .8rem;color:#374151;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:10px}.sf-history-count{background:#e0e7ff;color:#4338ca;padding:2px 10px;border-radius:12px;font-size:.78rem;font-weight:700}.sf-history-table-wrap{overflow-x:auto}.sf-history-table{width:100%;border-collapse:collapse;font-size:.88rem}.sf-history-table thead tr{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.sf-history-table th{padding:.6rem .8rem;text-align:left;font-weight:600;color:#4b5563;font-size:.82rem}.sf-history-table td{padding:.6rem .8rem;border-bottom:1px solid #e5e7eb}.sf-history-table tbody tr:hover{background:#f0f4ff}.sf-history-id{font-family:SF Mono,Consolas,monospace;font-weight:600;color:#111827;font-size:.82rem}.sf-history-date{color:#6b7280;font-size:.82rem}.sf-history-customer{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:#1e293b}.sf-history-status{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.sf-history-status.pending{background:#fef3c7;color:#d97706}.sf-history-status.approved{background:#d1fae5;color:#065f46}.sf-history-status.rejected{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sf-history-status.cancelled{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;text-decoration:line-through}.sf-btn-edit-order{background:#4f46e5;color:#fff;border:none;padding:5px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.78rem;transition:all .15s}.sf-btn-edit-order:hover{background:#4338ca;transform:translateY(-1px)}.sf-btn-show-more{display:block;width:100%;margin-top:10px;padding:8px;background:transparent;border:1.5px dashed #cbd5e1;border-radius:8px;color:#6366f1;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.sf-btn-show-more:hover{background:#eef2ff;border-color:#a5b4fc}.sf-btn-new-order{background:#374151;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .15s}.sf-btn-new-order:hover{background:#1f2937}.sf-sku-badge{margin-top:8px;padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.sf-sku-badge.valid{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.sf-sku-badge.invalid{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sf-sku-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:280px;overflow-y:auto;margin-top:4px}.sf-sku-option{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 14px;cursor:pointer;transition:background .1s;border-bottom:1px solid #f1f5f9}.sf-sku-option:last-child{border-bottom:none}.sf-sku-option:hover{background:#f0f4ff}.sf-sku-option-icon{font-size:1.2rem;flex-shrink:0}.sf-sku-option-name{font-weight:700;color:#1e293b;font-size:.95rem;min-width:60px}.sf-sku-option-fullname{color:#475569;font-size:.82rem;font-style:italic;flex:1;min-width:180px}.sf-sku-option-info{color:#64748b;font-size:.82rem;margin-left:auto;white-space:nowrap}.sf-color-section{margin-top:12px}.sf-color-section-label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:10px}.sf-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.sf-color-card{border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 14px;background:#fafbfc;cursor:pointer;transition:all .2s}.sf-color-card:hover{border-color:#a5b4fc;background:#f0f4ff}.sf-color-card.checked{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 2px #6366f126}.sf-color-card.over-stock{border-color:#fca5a5;background:#fef2f2}.sf-color-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sf-color-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1}.sf-color-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.sf-color-name{font-weight:700;color:#1e293b;font-size:.95rem}.sf-color-stock{font-size:.82rem;color:#059669;font-weight:600;background:#ecfdf5;padding:2px 10px;border-radius:8px;white-space:nowrap}.sf-color-stock.low{color:#dc2626;background:#fef2f2}.sf-color-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-color-sku-code{font-family:SF Mono,Consolas,monospace;font-size:.82rem;color:#6366f1;font-weight:600;background:#e0e7ff;padding:2px 8px;border-radius:4px}.sf-color-qty-wrap{display:flex;align-items:center;gap:6px}.sf-color-qty-wrap label{font-size:.82rem;font-weight:600;color:#64748b}.sf-color-qty-input{width:60px;padding:6px 8px;border:1.5px solid #d1d5db;border-radius:6px;font-size:.9rem;font-weight:700;text-align:center;outline:none;transition:all .15s;font-family:inherit}.sf-color-qty-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sf-color-qty-input.warn{border-color:#fca5a5;background:#fef2f2;color:#dc2626}.sf-color-warn{margin-top:6px;font-size:.78rem;color:#dc2626;font-weight:600}.sf-color-card.out-of-stock{border-color:#e2e8f0;background:#f8fafc;opacity:.75;cursor:not-allowed}.sf-color-card.out-of-stock:hover{border-color:#e2e8f0;background:#f8fafc}.sf-color-name--oos{color:#94a3b8;text-decoration:line-through}.sf-color-stock--oos{font-size:.78rem;color:#ef4444;font-weight:700;background:#fef2f2;padding:2px 10px;border-radius:8px;white-space:nowrap}.sf-color-reserved-hint{display:block;font-size:.75rem;color:#d97706;font-weight:600;margin-top:4px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:3px 8px}.sf-color-reserved-hint--oos{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sf-color-card-bottom{display:flex;flex-direction:column;gap:6px}.sf-price-badge{margin-top:12px;padding:8px 14px;border-radius:8px;font-size:.88rem;font-weight:700;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;display:inline-flex;align-items:center;gap:6px}@media (max-width: 768px){.form-header{padding:20px 15px}.header-content h1{font-size:24px}.form-container{padding:15px}.form-section{padding:18px}.form-group-row{grid-template-columns:1fr;gap:15px}.form-actions-buttons{grid-template-columns:1fr}.btn-lg{width:100%}.sku-table{font-size:12px}.sku-table th,.sku-table td{padding:10px}.sf-color-grid{grid-template-columns:1fr}}@media (max-width: 480px){.form-header{padding:15px 10px}.header-content h1{font-size:20px}.header-content p{font-size:13px}.form-container{padding:10px}.form-section{padding:15px}.form-group-row{gap:12px}}.sf-color-borrow-wrap{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:6px;padding:4px 8px}.sf-borrow-label{font-size:.8rem!important;font-weight:700!important;color:#c2410c!important;white-space:nowrap}.sf-borrow-input{width:55px!important;border-color:#fb923c!important;background:#fff7ed!important;color:#c2410c!important}.sf-borrow-input:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c26!important}.sf-borrow-avail{font-size:.75rem;color:#9a3412;font-weight:600;white-space:nowrap}.sf-module-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:5px;border-radius:12px;background:#fff3}.sales-form-embedded .sf-module-tabs{background:#e2e8f0}.sf-module-tabs button{border:0;border-radius:9px;padding:12px 14px;background:#ffffffd1;color:#475569;font:inherit;font-weight:750;cursor:pointer}.sf-module-tabs button.active{color:#1d4ed8;background:#fff;box-shadow:0 2px 9px #0f172a29}.sf-module-tabs button.active.warranty{color:#047857}.sf-warranty-panel{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 10px 40px #0003}.sf-warranty-intro{border-top:4px solid #059669;background:#ecfdf5}.sf-warranty-intro p{margin:0;color:#047857;font-size:.86rem;line-height:1.5}.sf-warranty-grid{display:grid;gap:14px}.sf-warranty-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-warranty-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-warranty-grid label{display:flex;flex-direction:column;gap:6px;color:#334155;font-size:.8rem;font-weight:700}.sf-warranty-grid label.wide{grid-column:1 / -1}.sf-warranty-grid input,.sf-warranty-grid select,.sf-warranty-grid textarea{min-width:0;border:1.5px solid #cbd5e1;border-radius:8px;padding:10px 11px;background:#fff;color:#1e293b;font:inherit}.sf-warranty-grid textarea{resize:vertical}.sf-warranty-hint{margin:10px 0 0;color:#b45309;font-size:.76rem}.sf-warranty-submit{display:flex;justify-content:flex-end;gap:9px}.sf-warranty-history{overflow-x:auto;margin-top:14px}.sf-warranty-history table{width:100%;min-width:720px;border-collapse:collapse}.sf-warranty-history th,.sf-warranty-history td{padding:9px 8px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.76rem}.sf-warranty-history th{color:#64748b;background:#f8fafc}.sf-warranty-history td:first-child{color:#4f46e5;font-family:ui-monospace,monospace}.sf-warranty-state{display:inline-block;padding:4px 7px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.68rem;font-weight:750;white-space:nowrap}.sf-warranty-state.received{background:#fef3c7;color:#92400e}.sf-warranty-state.approved,.sf-warranty-state.diagnosing{background:#dbeafe;color:#1e40af}.sf-warranty-state.waiting_parts,.sf-warranty-state.repairing{background:#ffedd5;color:#9a3412}.sf-warranty-state.completed{background:#d1fae5;color:#065f46}.sf-warranty-state.rejected{background:#fee2e2;color:#991b1b}.sf-warranty-empty{margin:12px 0 0;color:#94a3b8;font-size:.78rem;font-style:italic}.sf-row-actions{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap}.sf-btn-edit-qty{border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;white-space:nowrap}.sf-btn-edit-qty:hover{border-color:#818cf8;background:#e0e7ff}.sf-qty-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a9e}.sf-qty-modal{width:min(520px,100%);max-height:calc(100vh - 36px);overflow-y:auto;border-radius:16px;background:#fff;padding:22px;box-shadow:0 24px 70px #0f172a59}.sf-qty-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.sf-qty-modal-header h3{margin:0;color:#1e293b;font-size:1.15rem}.sf-qty-modal-header p{margin:4px 0 0;color:#64748b;font-size:.9rem;font-weight:600}.sf-qty-modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;cursor:pointer;font-size:1.45rem;line-height:1}.sf-qty-stock-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.sf-qty-stock-summary span{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#f8fafc;color:#475569;font-size:.84rem}.sf-qty-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-qty-fields label{display:flex;flex-direction:column;gap:7px;border:1px solid #bfdbfe;border-radius:12px;padding:12px;background:#eff6ff;color:#1d4ed8;font-size:.86rem;font-weight:700}.sf-qty-fields label.borrow{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.sf-qty-fields input{width:100%;box-sizing:border-box;border:1px solid #94a3b8;border-radius:8px;background:#fff;padding:10px 12px;color:#0f172a;font-size:1.05rem;font-weight:700}.sf-qty-total{margin-top:14px;border-radius:10px;padding:11px 14px;background:#f1f5f9;color:#334155;text-align:center}.sf-qty-approval-warning{margin-top:12px;border:1px solid #fcd34d;border-radius:10px;padding:10px 12px;background:#fffbeb;color:#92400e;font-size:.84rem;font-weight:600;line-height:1.45}.sf-qty-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sf-badge-borrowed{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:700}.sf-badge-borrowed.pending{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.sf-badge-borrowed.approved{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.sf-btn-print{background:transparent;color:#1e40af;border:2px solid #1e40af;font-weight:700;letter-spacing:.02em;transition:background .18s,color .18s,transform .12s,box-shadow .18s}.sf-btn-print:hover{background:#1e40af;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #1e40af4d}.sf-btn-print:active{transform:scale(.97)}.form-actions-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.sf-order-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-order-type-card{display:flex;flex-direction:column;gap:5px;padding:16px;text-align:left;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.sf-order-type-card:hover{transform:translateY(-1px);border-color:#93c5fd}.sf-order-type-card strong{font-size:1rem}.sf-order-type-card span{color:#64748b;font-size:.83rem;line-height:1.4}.sf-order-type-card.active{border-color:#2563eb;background:#eff6ff}.sf-order-type-card.preorder.active{border-color:#7c3aed;background:#f5f3ff}.sf-preorder-notice{margin-top:12px;padding:11px 14px;border:1px solid #ddd6fe;border-radius:10px;background:#faf5ff;color:#5b21b6;font-size:.86rem;line-height:1.45}.sf-deposit-section{border-top:4px solid #7c3aed}.sf-preorder-edit-deposit-note{margin:0 0 14px;padding:11px 13px;border:1px solid #c7d2fe;border-radius:9px;color:#4338ca;background:#eef2ff;font-size:.86rem}.sf-refund-check{display:inline-flex;align-items:center;gap:9px;color:#475569;font-size:.88rem;cursor:pointer}.sf-refund-check input{width:17px;height:17px;accent-color:#7c3aed}.sf-color-stock--preorder{color:#6d28d9!important;background:#f5f3ff!important}@media (max-width: 640px){.sf-module-tabs,.sf-warranty-grid.three,.sf-warranty-grid.four,.sf-order-type-grid,.sf-qty-stock-summary,.sf-qty-fields{grid-template-columns:1fr}.sf-qty-modal{padding:18px}.sf-qty-modal-actions .btn{flex:1}}.spm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:16px 0;overflow-y:auto}.spm-modal-wrap{background:#f1f5f9;border-radius:16px;width:1020px;max-width:98vw;box-shadow:0 25px 80px #00000059;display:flex;flex-direction:column;gap:0;overflow:hidden}.spm-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#1e40af,#2563eb);gap:12px}.spm-preview-label{color:#fff;font-weight:700;font-size:1rem;font-family:Be Vietnam Pro,sans-serif}.spm-controls-right{display:flex;align-items:center;gap:10px}.spm-edit-hint{color:#fde68a;font-size:.78rem;font-weight:500;font-family:Be Vietnam Pro,sans-serif;margin-left:10px;animation:spm-blink 1.4s ease-in-out infinite}@keyframes spm-blink{0%,to{opacity:1}50%{opacity:.55}}.spm-btn-edit{padding:8px 18px;background:#ffffff2e;color:#fff;border:1.5px solid rgba(255,255,255,.45);border-radius:8px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .2s,border-color .2s,transform .1s}.spm-btn-edit:hover{background:#ffffff47;transform:scale(1.03)}.spm-btn-edit--active{background:#16a34a!important;border-color:#15803d!important;color:#fff!important}.spm-btn-edit--active:hover{background:#15803d!important}.spm-btn-print{padding:8px 20px;background:#fff;color:#1e40af;border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .2s,transform .1s}.spm-btn-print:hover{background:#dbeafe;transform:scale(1.03)}.spm-btn-close{padding:8px 16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .2s}.spm-btn-close:hover{background:#ffffff40}.spm-page{background:#fff;font-family:Be Vietnam Pro,Times New Roman,Arial,sans-serif;font-size:13px;color:#1a1a2e;padding:28px 32px 32px;margin:0;line-height:1.5}.spm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.spm-header-left{display:flex;align-items:center;gap:16px}.spm-logo-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;width:64px;height:64px;border-radius:12px;flex-shrink:0}.spm-logo-icon{font-size:1.6rem;line-height:1}.spm-logo-text{font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-top:2px}.spm-logo-img{width:56px;height:56px;object-fit:contain;border-radius:8px}.spm-header-title-block{display:flex;flex-direction:column;gap:4px}.spm-doc-title{font-size:1.4rem;font-weight:800;color:#1e40af;margin:0;letter-spacing:.04em;text-transform:uppercase}.spm-doc-meta{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#64748b}.spm-order-id{font-family:Courier New,monospace;font-weight:700;color:#1e40af;background:#eff6ff;padding:2px 8px;border-radius:4px;border:1px solid #bfdbfe}.spm-meta-sep{color:#cbd5e1}.spm-header-right{text-align:right;font-size:.82rem;color:#374151;line-height:1.8}.spm-company-name{font-size:.95rem;color:#111827;margin:0}.spm-header-right p{margin:0}.spm-divider{height:2px;background:linear-gradient(90deg,#1e40af,#3b82f6,#93c5fd,transparent);margin:12px 0;border-radius:2px}.spm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.spm-info-box{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.spm-info-title{font-size:.72rem;font-weight:800;color:#fff;background:#1e40af;letter-spacing:.08em;padding:5px 12px;margin:0}.spm-info-table{width:100%;border-collapse:collapse;font-size:.83rem}.spm-info-table tr:nth-child(2n){background:#f8fafc}.spm-info-label{padding:5px 10px 5px 12px;color:#64748b;font-weight:600;white-space:nowrap;width:90px}.spm-info-val{padding:5px 10px;color:#1a1a2e;font-weight:500}.spm-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.spm-badge-vat{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.spm-badge-no{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.spm-badge-pending{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.spm-products-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.83rem}.spm-th{background:#1e40af;color:#fff;font-weight:700;padding:8px 10px;text-align:center;font-size:.78rem;letter-spacing:.04em;border:1px solid #1d4ed8}.spm-th.spm-col-name,.spm-th.spm-col-color{text-align:left}.spm-td{padding:7px 10px;border:1px solid #e2e8f0;color:#1a1a2e;vertical-align:middle}.spm-products-table tbody tr:nth-child(2n) .spm-td{background:#f8fafc}.spm-products-table tbody tr:nth-child(odd) .spm-td{background:#fff}.spm-row-borrow .spm-td{background:#faf5ff!important}.spm-td-center{text-align:center}.spm-td-right{text-align:right}.spm-td-mono{font-family:Courier New,monospace;font-weight:700;color:#1e40af}.spm-qty-b{font-weight:700;color:#1e40af}.spm-qty-d{color:#7c3aed}.spm-borrow-tag{background:#ede9fe;color:#5b21b6;font-weight:700;padding:2px 8px;border-radius:6px;border:1px solid #c4b5fd}.spm-zero{color:#94a3b8}.spm-td-total{font-weight:700;color:#1e40af}.spm-inline-input{width:100%;padding:4px 8px;border:1.5px solid #93c5fd;border-radius:5px;font-size:.83rem;font-family:Be Vietnam Pro,sans-serif;color:#1a1a2e;background:#eff6ff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.spm-inline-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;background:#fff}.spm-inline-input--mono{font-family:Courier New,monospace;font-weight:700;color:#1e40af}.spm-inline-input--center{text-align:center}.spm-inline-input--right{text-align:right}.spm-inline-input--narrow{width:80px}.spm-inline-textarea{width:100%;padding:6px 8px;border:1.5px solid #93c5fd;border-radius:5px;font-size:.8rem;font-family:Be Vietnam Pro,sans-serif;color:#4b5563;background:#eff6ff;outline:none;resize:vertical;line-height:1.6;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.spm-inline-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26;background:#fff}.spm-btn-remove-row{padding:3px 9px;background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:5px;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;font-family:Be Vietnam Pro,sans-serif}.spm-btn-remove-row:hover{background:#fecaca;transform:scale(1.05)}.spm-borrow-input-modal{border-color:#c4b5fd!important;background:#faf5ff!important;color:#5b21b6!important}.spm-borrow-input-modal:focus{border-color:#7c3aed!important;box-shadow:0 0 0 2px #7c3aed26!important}.spm-qty-bd-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:2px 0}.spm-qty-bd-row{display:flex;align-items:center;gap:4px}.spm-qty-bd-row--d{background:#faf5ff;border:1px solid #e9d5ff;border-radius:5px;padding:1px 4px 1px 2px}.spm-qty-bd-lbl{font-size:.78rem;font-weight:700;color:#374151;white-space:nowrap;font-family:Be Vietnam Pro,sans-serif;min-width:32px}.spm-qty-bd-lbl--d{color:#7c3aed}.spm-qty-bd-input{width:58px;padding:3px 6px;border:1.5px solid #cbd5e1;border-radius:5px;font-size:.82rem;font-weight:700;text-align:center;font-family:Be Vietnam Pro,sans-serif;outline:none;color:#1e293b;background:#fff;transition:border-color .15s}.spm-qty-bd-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.spm-qty-bd-input--d{border-color:#c4b5fd;background:#faf5ff;color:#5b21b6}.spm-qty-bd-input--d:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.spm-qty-bd-max{font-size:.68rem;color:#7c3aed;font-weight:600}.spm-qty-bd-total{font-size:.68rem;color:#6b7280;font-family:Be Vietnam Pro,sans-serif;align-self:flex-end}.spm-add-price-badge{margin-left:12px;font-size:.8rem;font-weight:500;color:#1d4ed8;font-family:Be Vietnam Pro,sans-serif}.spm-add-panel-wrap{margin-top:10px}.spm-btn-add-row{padding:6px 16px;background:#f0fdf4;color:#15803d;border:1.5px dashed #86efac;border-radius:7px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .15s,border-color .15s}.spm-btn-add-row:hover{background:#dcfce7;border-color:#4ade80}.spm-add-panel{background:#f8fafc;border:1.5px solid #c7d2fe;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.spm-add-panel-header{display:flex;align-items:center;justify-content:space-between}.spm-add-panel-title{font-weight:700;font-size:.9rem;color:#1e40af;font-family:Be Vietnam Pro,sans-serif}.spm-add-panel-close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;padding:2px 6px;border-radius:4px;transition:background .15s}.spm-add-panel-close:hover{background:#e2e8f0;color:#374151}.spm-add-sku-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spm-add-sku-label{font-weight:600;font-size:.82rem;color:#374151;white-space:nowrap;font-family:Be Vietnam Pro,sans-serif}.spm-add-sku-input{flex:1;min-width:160px;max-width:260px;padding:6px 12px;border:1.5px solid #93c5fd;border-radius:7px;font-size:.88rem;font-family:Courier New,monospace;font-weight:700;color:#1e40af;background:#eff6ff;outline:none;text-transform:uppercase;transition:border-color .2s}.spm-add-sku-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.spm-add-sku-notfound{font-size:.78rem;color:#dc2626;font-weight:600;font-family:Be Vietnam Pro,sans-serif}.spm-add-colors-wrap{display:flex;flex-direction:column;gap:8px}.spm-add-colors-label{font-weight:700;font-size:.8rem;color:#374151;font-family:Be Vietnam Pro,sans-serif}.spm-add-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.spm-add-color-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 10px 8px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;flex-direction:column;gap:6px;font-family:Be Vietnam Pro,sans-serif}.spm-add-color-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a}.spm-add-color-card.checked{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #bfdbfe}.spm-add-color-card.oos{opacity:.7;background:#f9fafb}.spm-add-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.spm-add-card-check{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.82rem;font-weight:600;color:#1e293b}.spm-add-card-color-name{font-weight:700;font-size:.8rem}.spm-add-card-color-name.oos-text{color:#94a3b8;text-decoration:line-through}.spm-add-card-stock{font-size:.72rem;font-weight:600;color:#059669;white-space:nowrap}.spm-add-card-stock.oos{color:#dc2626}.spm-add-card-code{font-family:Courier New,monospace;font-size:.72rem;font-weight:700;color:#1e40af;background:#eff6ff;padding:1px 6px;border-radius:4px;border:1px solid #bfdbfe;display:inline-block;width:fit-content}.spm-add-card-qty-row{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#374151;font-weight:600}.spm-add-card-borrow-row{background:#faf5ff;border-radius:5px;padding:3px 4px;border:1px solid #e9d5ff}.spm-add-borrow-label{color:#7c3aed!important;font-weight:700!important;white-space:nowrap}.spm-add-borrow-avail{font-size:.7rem;color:#7c3aed;font-weight:600}.spm-add-card-qty-input{width:52px;padding:3px 5px;border:1.5px solid #93c5fd;border-radius:5px;font-size:.8rem;text-align:center;font-family:Be Vietnam Pro,sans-serif;font-weight:700;outline:none;color:#1a1a2e;background:#fff;transition:border-color .15s}.spm-add-card-qty-input:focus{border-color:#2563eb}.spm-add-card-qty-input.warn{border-color:#f59e0b;background:#fffbeb}.spm-add-borrow-input{border-color:#c4b5fd!important;background:#faf5ff!important;color:#5b21b6!important}.spm-add-borrow-input:focus{border-color:#7c3aed!important}.spm-add-card-price{font-size:.75rem;font-weight:700;color:#1d4ed8;margin-top:2px}.spm-add-card-warn{font-size:.7rem;color:#d97706;font-weight:600;background:#fffbeb;padding:2px 6px;border-radius:4px}.spm-add-confirm-row{display:flex;gap:8px;align-items:center;margin-top:4px}.spm-btn-confirm-add{padding:7px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .15s,transform .1s;box-shadow:0 2px 8px #2563eb40}.spm-btn-confirm-add:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:scale(1.02)}.spm-btn-confirm-add:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.spm-btn-cancel-add{padding:7px 14px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;transition:background .15s}.spm-btn-cancel-add:hover{background:#e2e8f0}.spm-send-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);border-top:2px solid #1e40af;gap:12px}.spm-send-bar-hint{flex:1}.spm-send-borrow-note{display:inline-flex;align-items:center;gap:6px;background:#2d1b69;border:1px solid #5b21b6;color:#c4b5fd;padding:5px 12px;border-radius:8px;font-size:.8rem;font-weight:600;font-family:Be Vietnam Pro,sans-serif;animation:spm-blink 1.4s ease-in-out infinite}.spm-btn-send-dashboard{padding:10px 24px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:10px;font-weight:800;font-size:.95rem;cursor:pointer;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 4px 14px #16a34a66;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap;letter-spacing:.02em}.spm-btn-send-dashboard:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);transform:scale(1.04);box-shadow:0 6px 20px #16a34a80}.spm-btn-send-dashboard:disabled{background:#374151;cursor:not-allowed;box-shadow:none}.spm-footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;padding-top:14px;border-top:2px solid #e2e8f0}.spm-notes-box{flex:1}.spm-notes-label{font-weight:700;color:#374151;font-size:.82rem}.spm-notes-content{margin-top:6px;font-size:.8rem;color:#4b5563;line-height:1.7}.spm-note-item{margin-bottom:2px}.spm-no-notes{color:#94a3b8}.spm-borrow-notice{margin-top:6px;padding:5px 10px;background:#faf5ff;border:1px solid #c4b5fd;border-radius:6px;color:#6d28d9;font-size:.78rem;font-weight:600}.spm-summary-box{min-width:220px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 16px}.spm-summary-row{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.85rem;padding:4px 0;color:#374151;border-bottom:1px solid #e2e8f0}.spm-summary-row:last-child{border-bottom:none}.spm-summary-total{margin-top:4px;padding-top:8px;font-size:.95rem;color:#1e40af;font-weight:700}.spm-summary-total strong{font-size:1rem;color:#1e40af}@media print{body>*:not(.spm-overlay){display:none!important}.spm-overlay{position:static!important;background:none!important;padding:0!important;overflow:visible!important}.spm-modal-wrap{width:100%!important;box-shadow:none!important;border-radius:0!important;background:#fff!important}.no-print,.spm-inline-input,.spm-inline-textarea,.spm-btn-remove-row{display:none!important}.spm-page{padding:18mm 18mm 20mm!important;font-size:11pt!important;min-height:297mm;width:210mm;margin:0 auto}.spm-doc-title{font-size:16pt!important}.spm-th,.spm-info-title{background:#1e40af!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.spm-products-table tbody tr:nth-child(2n) .spm-td{background:#f8fafc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.spm-row-borrow .spm-td{background:#faf5ff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;background:#f5f5f5}#root{width:100%;height:100%}body{color:#1e293b;background-color:#f5f5f5}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}