:root{--color-primary: #1a202c;--color-secondary: #4a5568;--color-accent: #3182ce;--color-bg: #f7fafc;--color-paper: #ffffff;--color-border: #e2e8f0;--color-text: #2d3748;--color-text-light: #718096;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Playfair Display", "Times New Roman", Times, serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}button{cursor:pointer;font-family:inherit}@media print{body{background-color:#fff}.no-print{display:none!important}@page{margin:0;size:auto}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;color:#1f2937}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.close-btn:hover{background-color:#f3f4f6}.modal-body{flex:1;overflow-y:auto;padding:20px 24px}.search-box{position:relative;margin-bottom:20px}.search-box input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#3b82f6}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none}.history-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:16px}.history-card{border:2px solid #e5e7eb;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.history-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.history-card.selected{border-color:#3b82f6;background-color:#eff6ff}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.invoice-number{display:flex;flex-direction:column;gap:4px}.invoice-number strong{font-size:16px;color:#1f2937}.saved-time{font-size:12px;color:#6b7280}.delete-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.delete-btn:hover{background-color:#fee2e2}.card-body{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;gap:8px;font-size:14px}.info-row .label{color:#6b7280;min-width:80px}.vehicle-models{display:flex;flex-direction:column;gap:6px}.vehicle-models .label{color:#6b7280;font-size:14px}.models-list{display:flex;flex-wrap:wrap;gap:6px}.model-tag{background-color:#dbeafe;color:#1e40af;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.model-tag.more{background-color:#f3f4f6;color:#6b7280}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-import{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-cancel:hover{background-color:#f9fafb}.btn-import{background-color:#3b82f6;border:none;color:#fff}.btn-import:hover:not(:disabled){background-color:#2563eb}.btn-import:disabled{background-color:#9ca3af;cursor:not-allowed}.invoice-preview{font-family:Arial,sans-serif;color:#000;line-height:1.5;font-size:12px;padding:20mm;background-color:#fff}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-spacer{flex:1}.invoice-preview h1.title{flex:2;text-align:center;font-size:24px;font-weight:700;margin:0;font-family:Times New Roman,serif;white-space:nowrap}.meta{flex:1;text-align:right}.meta-row{margin-bottom:4px;white-space:nowrap}.section-block{margin-bottom:15px}.party-info{margin-bottom:6px}.transport-info{margin-top:15px;margin-bottom:15px}.transport-info .row{margin-bottom:6px}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px;border:2px solid #000}.invoice-table th,.invoice-table td{border:1px solid #000;padding:6px 8px;vertical-align:middle}.invoice-table th{text-align:center;font-weight:700;background-color:#f0f0f0}.invoice-table .sub-header th{font-size:11px}.col-marks{width:50px;text-align:center}.col-desc{width:40%}.col-qty{width:12%}.col-price,.col-amount{width:15%}.text-right{text-align:right}.text-center{text-align:center}.label-total{font-weight:700;text-transform:uppercase}.terms-section{margin-bottom:25px}.term-item{margin-bottom:10px}.term-label{font-weight:700;margin-right:4px}.bank-section{margin-bottom:20px;font-size:11px}.bank-section .row{margin-bottom:4px}.signature-section{display:flex;justify-content:space-between;margin-top:30px}.buyer-sign,.seller-sign{width:40%;text-align:center;position:relative}.sign-line{border-top:1px solid #000;margin-bottom:5px}.stamp-placeholder{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#3182ce;pointer-events:none}.signature-image{width:180px;height:auto;transform:rotate(-8deg);display:block;margin:0 auto 10px}.company-name-zh{font-family:SimSun,serif;font-size:16px;font-weight:700}.company-name-en{font-family:Arial Narrow,sans-serif;font-size:12px}.invoice-editor{padding-bottom:50px}.invoice-editor .section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.invoice-editor h3{margin-bottom:16px;color:var(--color-primary)}.invoice-editor .row{display:flex;gap:16px;margin-bottom:12px}.invoice-editor .col{flex:1;display:flex;flex-direction:column}.invoice-editor label{font-size:12px;font-weight:600;color:var(--color-secondary);margin-bottom:4px}.invoice-editor input,.invoice-editor textarea,.invoice-editor select{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:14px}.invoice-editor textarea{resize:vertical;min-height:60px}.item-row{background:var(--color-bg);padding:12px;border-radius:6px;margin-bottom:12px;border:1px solid var(--color-border)}.item-header{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:600;font-size:12px;color:var(--color-secondary)}.btn-remove{color:#e53e3e;background:none;border:none;font-size:12px;text-decoration:underline}.btn-add{width:100%;padding:10px;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;font-weight:600}.btn-print{position:fixed;bottom:20px;right:20px;padding:12px 24px;background-color:#3182ce;color:#fff;border:none;border-radius:50px;font-weight:700;box-shadow:var(--shadow-lg);z-index:100;display:flex;align-items:center;gap:8px}.btn-print:hover{background-color:#2b6cb0}