:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:#f4f5f7;margin:0}.workspace{display:grid;gap:16px;grid-template-columns:minmax(360px,480px) 1fr;min-height:100vh;padding:16px}.editor-panel,.preview-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.editor-panel{overflow-y:auto;padding:16px}.panel-subtitle{color:#6b7280;font-size:14px;margin-top:-4px}.action-row{display:flex;gap:10px;margin:16px 0}button{background:#1f2937;border:1px solid #1f2937;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}button.secondary{background:#fff;border-color:#d1d5db;color:#111827}button.danger{background:#fff;border-color:#dc2626;color:#dc2626;padding:4px 8px}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#374151;display:flex;flex-direction:column;font-size:12px;gap:4px}input,select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px}select{background:#fff}.saved-invoices-row{margin-bottom:12px}.item-card{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:10px}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.full{grid-column:1/-1}.preview-panel{overflow:auto}.preview-shell{background:#f5f5f0;min-width:860px;padding:16px}.invoice-container{background:#fff;border-radius:4px;box-shadow:0 2px 20px #00000014;margin:0 auto;max-width:210mm;min-height:297mm;padding:10mm 15mm 10mm 20mm;position:relative}.header{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:2mm}.logo{height:auto;margin-bottom:8px;max-width:180px}.tagline{color:#636e72;font-size:13px;font-style:italic}.invoice-meta{text-align:right}.invoice-title{color:#2d3436;font-size:28px;font-weight:300;letter-spacing:3px;margin-bottom:15px;text-transform:uppercase}.meta-row{display:flex;font-size:14px;gap:20px;justify-content:flex-end;margin-bottom:6px}.meta-label{color:#636e72;text-align:right;width:100px}.meta-value{color:#2d3436;font-weight:600;text-align:left;width:130px}.addresses{align-items:flex-start;display:flex;gap:0;justify-content:flex-end;margin-bottom:5mm;min-height:45mm}.address-box{flex:1}.address-box:first-child{flex:none;height:45mm;left:20mm;overflow:hidden;position:absolute;top:45mm;width:85mm}.address-box:first-child .address-label{display:none}.address-box:first-child .sender-small{color:#b2bec3;font-size:8px;line-height:1.5;margin-bottom:2mm;text-decoration:underline}.address-box:last-child{flex:none;text-align:right}.address-label{color:#8b4513;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.address-content{color:#2d3436;font-size:14px;line-height:1.7}.sender-small{color:#b2bec3;font-size:11px;line-height:1.5;margin-bottom:20px}.items-table{border-collapse:collapse;margin-bottom:40px;width:100%}.items-table thead{border-bottom:2px solid #8b4513}.items-table th{color:#636e72;font-size:11px;font-weight:600;letter-spacing:1px;padding:15px 10px;text-align:left;text-transform:uppercase}.items-table td:last-child,.items-table th:last-child{text-align:right}.items-table td{border-bottom:1px solid #dfe6e9;font-size:14px;padding:18px 10px}.items-table tbody tr:last-child td{border-bottom:2px solid #8b4513}.product-name{color:#2d3436;font-weight:600}.product-desc{color:#636e72;font-size:12px;margin-top:4px}.totals-section{margin-bottom:50px;margin-left:auto;width:350px}.total-row{color:#636e72;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.total-row.grand-total{border-top:2px solid #8b4513;color:#2d3436;font-size:18px;font-weight:700;margin-top:10px;padding-top:15px}.payment-info{background:#f8f9fa;border-left:4px solid #8b4513;border-radius:4px;margin-bottom:40px;padding:25px}.payment-title{color:#8b4513;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.payment-details{color:#2d3436;font-size:14px;line-height:1.8}.footer-note{border-top:1px solid #dfe6e9;color:#636e72;font-size:12px;line-height:1.6;padding-top:30px;text-align:center}@media(max-width:1280px){.workspace{grid-template-columns:1fr}.preview-shell{min-width:auto}}