*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--primary-bg:#eef2ff;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--info:#3b82f6;--info-light:#dbeafe;--text:#1e293b;--text-light:#64748b;--text-lighter:#94a3b8;--bg:#f8fafc;--bg-dark:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--white:#fff;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--radius:10px;--radius-sm:8px;--radius-lg:14px;--transition:all 0.2s ease}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1400px;padding:20px}.navbar{background:linear-gradient(135deg,#1e293b,#334155);border-bottom:none;box-shadow:0 2px 12px #0000001f;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar .container{align-items:center;display:flex;height:56px;padding:0 24px}.navbar h1{color:#f8fafc;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:-.3px;margin-right:40px;white-space:nowrap}.nav-menu{gap:2px;list-style:none}.nav-menu,.nav-menu li{align-items:center;display:flex;height:100%}.nav-menu li span{align-items:center;border-radius:8px;border-radius:var(--radius-sm);color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 18px;position:relative;text-decoration:none;transition:all .2s ease;transition:var(--transition);white-space:nowrap}.nav-menu li span:hover{background:#ffffff14;color:#e2e8f0}.nav-menu li span.active{background:#ffffff26;box-shadow:none;color:#fff;font-weight:600}main.container{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);margin-top:16px;min-height:calc(100vh - 100px);overflow-x:auto;padding:28px}.page-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:18px}.page-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px}.btn,.page-header h2{color:#1e293b;color:var(--text)}.btn{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;line-height:1.4;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.btn:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);color:#4f46e5;color:var(--primary);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)}.btn-primary{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary);color:#fff}.btn-primary:hover{background:#3730a3;background:var(--primary-dark);border-color:#3730a3;border-color:var(--primary-dark);box-shadow:0 2px 8px #4f46e559;color:#fff}.btn-success{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 2px 8px #10b98159;color:#fff}.btn-danger{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #ef444459;color:#fff}.btn-warning{background:#f59e0b;background:var(--warning);border-color:#f59e0b;border-color:var(--warning);color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706;color:#fff}.btn:disabled{background:#f1f5f9;background:var(--bg-dark);border-color:#e2e8f0;border-color:var(--border);box-shadow:none;color:#94a3b8;color:var(--text-lighter);cursor:not-allowed;opacity:.7;transform:none}.btn-sm{font-size:12px;padding:5px 12px}.btn-lg{font-size:15px;padding:12px 24px}.data-table{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-collapse:initial;border-radius:10px;border-radius:var(--radius);border-spacing:0;overflow:hidden;width:100%}.data-table thead{background:#f8fafc;background:var(--bg)}.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-light);font-size:12px;font-weight:600;letter-spacing:.5px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);font-size:13px;padding:12px 14px;transition:background .15s ease}.data-table tbody tr{transition:all .2s ease;transition:var(--transition)}.data-table tbody tr:hover{background:#f8faff}.data-table tbody tr:last-child td{border-bottom:none}.action-btns{display:flex;gap:8px}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:24px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-light);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;position:relative;transition:all .2s ease;transition:var(--transition)}.tab-btn:hover{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text)}.tab-btn.active{background:#eef2ff;background:var(--primary-bg);border-bottom-color:#4f46e5;border-bottom-color:var(--primary);color:#4f46e5;color:var(--primary);font-weight:600}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:2000}.modal-content{animation:slideUp .25s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001f,0 4px 12px #0000000f;margin:3% auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:28px;position:relative;width:90%}.modal-content h3{color:#1e293b;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:24px;padding-right:40px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h3{margin-bottom:0;padding-right:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;color:var(--text-lighter);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s ease;transition:var(--transition);width:32px}.close-btn:hover{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text)}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1e293b;color:var(--text);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#818cf8;border-color:var(--primary-light)}.form-group input[readOnly]{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);cursor:default;font-weight:600}.form-group input[readOnly]:focus{border-color:#e2e8f0;border-color:var(--border);box-shadow:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=file]{cursor:pointer;padding:8px}.form-group input[type=file]::-webkit-file-upload-button{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#1e293b;color:var(--text);cursor:pointer;font-size:13px;margin-right:10px;padding:6px 16px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:var(--transition);transition:var(--transition)}.form-group input[type=file]::file-selector-button{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#1e293b;color:var(--text);cursor:pointer;font-size:13px;margin-right:10px;padding:6px 16px;transition:all .2s ease;transition:var(--transition)}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#f1f5f9;background:var(--bg-dark);border-color:#818cf8;border-color:var(--primary-light)}.form-group input[type=file]::file-selector-button:hover{background:#f1f5f9;background:var(--bg-dark);border-color:#818cf8;border-color:var(--primary-light)}.form-actions{display:flex;gap:10px;margin-top:8px}.form-section{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:20px;padding:24px;transition:all .2s ease;transition:var(--transition)}.form-section:hover{border-color:#d4dbe5;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow)}.form-section h4{align-items:center;color:#1e293b;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.sticky-summary{position:-webkit-sticky;position:sticky;top:90px}.price-summary{background:#f8fafc;background:var(--bg);border-radius:8px;border-radius:var(--radius-sm);margin:15px 0;padding:16px}.price-summary p{display:flex;font-size:14px;justify-content:space-between;margin:10px 0}.price-summary .total{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#1e293b;color:var(--text);font-size:18px;font-weight:600;margin-top:10px;padding-top:10px}.product-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:500px;overflow-y:auto;padding:4px}.product-card{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:12px;position:relative;transition:all .2s ease;transition:var(--transition)}.product-card:hover{border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);transform:translateY(-2px)}.product-card.selected{background:#eef2ff;background:var(--primary-bg);border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.product-card.selected:after{align-items:center;background:#4f46e5;background:var(--primary);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px}.product-card h4{color:#1e293b;color:var(--text);font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card .price{color:#ef4444;color:var(--danger);font-size:16px;font-weight:600;margin-bottom:4px}.product-card .stock{color:#64748b;color:var(--text-light);font-size:12px;margin-top:4px}@media print{body{background:#fff}.btn,.navbar,.no-print,.page-header button{display:none!important}main.container{border:none;box-shadow:none;padding:0}.print-only{display:block!important}}.print-only{display:none}.print-preview{background:#fff;margin:0 auto;max-width:800px;padding:40px}.print-header{border-bottom:2px solid #1e293b;border-bottom:2px solid var(--text);margin-bottom:30px;padding-bottom:20px;text-align:center}.print-header h1{font-size:28px;margin-bottom:10px}.print-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.print-info-item{font-size:14px;line-height:1.8}.print-info-item strong{display:inline-block;width:100px}.print-table{border-collapse:collapse;margin-bottom:30px;width:100%}.print-table td,.print-table th{border:1px solid #e2e8f0;border:1px solid var(--border);padding:10px;text-align:left}.print-table th{background:#f8fafc;background:var(--bg);font-weight:600}.print-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-light);font-size:12px;margin-top:40px;padding-top:20px}.toast{align-items:center;animation:slideInRight .4s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f;display:flex;gap:12px;max-width:420px;min-width:300px;padding:14px 18px;position:fixed;right:20px;top:72px;z-index:9999}.toast.success{border-left:4px solid #10b981;border-left:4px solid var(--success)}.toast.error{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.toast.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.toast.info{border-left:4px solid #3b82f6;border-left:4px solid var(--info)}.toast-icon{flex-shrink:0;font-size:24px}.toast-content{flex:1 1}.toast-title{color:#1e293b;color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px}.toast-message{color:#64748b;color:var(--text-light);font-size:13px;line-height:1.4}.toast-close{background:none;border:none;color:#94a3b8;color:var(--text-lighter);cursor:pointer;flex-shrink:0;font-size:18px;padding:0 4px;transition:all .2s ease;transition:var(--transition)}.toast-close:hover{color:#1e293b;color:var(--text)}.toast.hiding{animation:slideOutRight .3s ease-out forwards}.loading{color:#64748b;color:var(--text-light);font-size:14px;padding:60px 30px;text-align:center}.loading:before{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-top-color:#4f46e5;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);content:"";display:block;height:32px;margin:0 auto 14px;width:32px}.empty-state{color:#64748b;color:var(--text-light);padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:15px;margin-bottom:16px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;line-height:1.5;padding:2px 8px}.badge-success{background:#d1fae5;background:var(--success-light);color:#276749}.badge-danger{background:#fee2e2;background:var(--danger-light);color:#9b2c2c}.badge-warning{background:#fef3c7;background:var(--warning-light);color:#975a16}.badge-info{background:#dbeafe;background:var(--info-light);color:#2b6cb0}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.money-positive{color:#10b981;color:var(--success)}.money-negative{color:#ef4444;color:var(--danger)}.money-warning{color:#f59e0b;color:var(--warning)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9 50%,#f8fafc 75%);background:linear-gradient(90deg,var(--bg) 25%,var(--bg-dark) 50%,var(--bg) 75%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#64748b;color:var(--text-light)}.text-danger{color:#ef4444;color:var(--danger)}.text-success{color:#10b981;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.font-bold{font-weight:700}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:1200px){.container{max-width:100%;padding:16px}.navbar h1{font-size:16px;margin-right:20px}.nav-menu li span{font-size:13px;padding:7px 14px}}@media (max-width:992px){.navbar .container{flex-wrap:wrap;gap:8px}.nav-menu{flex-wrap:wrap;gap:2px}.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table tbody,.data-table thead,.data-table tr{display:table;table-layout:auto;width:100%}.data-table{display:table;min-width:600px}.sticky-summary{position:static}}@media (max-width:768px){.navbar .container{flex-direction:column;gap:8px;height:auto;padding:10px 16px}.navbar h1{font-size:16px;margin-right:0}.nav-menu{flex-wrap:wrap;gap:4px;justify-content:center}.nav-menu li span{font-size:12px;padding:6px 10px}main.container{margin-top:8px;padding:12px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header h2{font-size:18px}.product-selector{grid-template-columns:1fr 1fr}.data-table{font-size:12px;min-width:500px}.data-table td,.data-table th{padding:8px 10px}.modal-content{margin:2% auto;max-height:90vh;overflow-y:auto;padding:16px;width:95%}.form-section{padding:16px}.btn,.form-group label{font-size:13px}.btn{padding:7px 14px}.order-form-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.product-selector{grid-template-columns:1fr}.nav-menu li span{font-size:11px;padding:5px 8px}.navbar h1,.page-header h2{font-size:16px}.data-table{font-size:11px;min-width:400px}.data-table td,.data-table th{padding:6px 8px}.modal-content{margin:1% auto;padding:12px;width:98%}.form-section{padding:12px}}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:36px!important}
/*# sourceMappingURL=main.0b038a11.css.map*/