.invoice-form{display:flex;flex-direction:column}.section-header{font-size:14px;font-weight:600;color:#1a1a1a;padding:20px 24px;border-bottom:1px solid #e8e8e8;background:#fafafa;letter-spacing:.02em}.section-content{padding:24px;border-bottom:1px solid #e8e8e8}.section-content:last-child{border-bottom:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:12px;font-weight:500;color:#666;letter-spacing:.01em}.full-width{grid-column:1 / -1}.input{padding:9px 12px;border:1px solid #d0d0d0;border-radius:2px;font-size:13px;transition:all .15s;width:100%;background:#fff}.input:hover{border-color:#b0b0b0}.input::placeholder{color:#aaa}.textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.items-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.item-row{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#fafafa;border-radius:2px;border:1px solid #e8e8e8}.item-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d0d0d0;border-radius:2px;font-size:12px;font-weight:600;color:#666;flex-shrink:0;margin-top:18px}.item-fields{display:grid;grid-template-columns:1fr 90px 110px;gap:10px;flex:1}.item-description{grid-column:1}.item-quantity{grid-column:2}.item-price{grid-column:3}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d0d0d0;border-radius:2px;color:#888;transition:all .15s;cursor:pointer;flex-shrink:0;margin-top:18px}.btn-icon:hover:not(:disabled){background:#fee;border-color:#faa;color:#d32f2f}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border:1px dashed #d0d0d0;border-radius:2px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-add:hover{background:#e3f2fd;border-color:#2196f3;color:#2196f3;border-style:solid}.btn-international{width:100%;padding:10px 16px;background:#fff;border:1px solid #d0d0d0;border-radius:2px;color:#2196f3;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;margin-top:8px}.btn-international:hover{background:#e3f2fd;border-color:#2196f3}.btn-lookup{padding:9px 16px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d0d0d0;border-radius:2px;color:#2196f3;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;height:37px}.btn-lookup:hover:not(:disabled){background:#e3f2fd;border-color:#2196f3}.btn-lookup:disabled{opacity:.5;cursor:not-allowed;color:#999}@media (max-width: 768px){.form-grid,.item-fields{grid-template-columns:1fr}.item-description,.item-quantity,.item-price{grid-column:1}.item-number,.btn-icon{margin-top:0}}.invoice-preview{background:#fff;border-radius:2px;box-shadow:0 1px 3px #00000014;border:1px solid #e8e8e8;overflow:hidden}.preview-paper{background:#fff;padding:48px;min-height:800px}.preview-header{margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}.preview-title h1{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:6px;letter-spacing:-.02em}.invoice-number{font-size:13px;color:#666;font-weight:400}.preview-parties{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:36px}.party h3{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.party-details{font-size:13px;line-height:1.7;color:#333}.party-name{font-weight:600;font-size:14px;margin-bottom:4px;color:#1a1a1a}.preview-dates{display:flex;gap:32px;margin-bottom:36px;padding:16px 20px;background:#fafafa;border-radius:2px}.date-item{display:flex;flex-direction:column;gap:4px}.date-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.date-value{font-size:13px;font-weight:600;color:#1a1a1a}.preview-items{width:100%;border-collapse:collapse;margin-bottom:24px}.preview-items thead{background:transparent;border-bottom:1px solid #d0d0d0}.preview-items th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;border-bottom:none}.preview-items td{padding:14px 12px;font-size:13px;color:#333;border-bottom:1px solid #f0f0f0}.preview-items tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.preview-totals{display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-bottom:36px;padding:20px;background:#fafafa;border-radius:2px}.totals-row{display:grid;grid-template-columns:140px 120px;gap:20px;font-size:13px;color:#333}.totals-row span:first-child{text-align:right;color:#666;font-weight:400}.totals-row span:last-child{text-align:right;font-weight:600;color:#1a1a1a}.totals-row.total{margin-top:6px;padding-top:10px;border-top:1px solid #d0d0d0;font-size:16px;font-weight:600;color:#2196f3}.preview-notes{padding-top:24px;border-top:1px solid #e8e8e8}.preview-notes h3{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.preview-notes p{font-size:13px;line-height:1.7;color:#555;white-space:pre-wrap}@media print{.invoice-preview{background:none;padding:0;box-shadow:none;border:none}.preview-paper{padding:40px}}@media (max-width: 768px){.preview-paper{padding:24px}.preview-parties{grid-template-columns:1fr;gap:24px}.preview-items{font-size:12px}.preview-items th,.preview-items td{padding:8px}}.header{background:#fff;border-bottom:1px solid #e8e8e8;padding:24px 0;position:sticky;top:0;z-index:100}.header-container{max-width:1600px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.header-logo h1{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:2px;letter-spacing:-.02em}.header-logo p{font-size:13px;color:#666;font-weight:400}.header-actions{display:flex;gap:10px}.btn{display:flex;align-items:center;gap:8px;padding:9px 18px;border:none;border-radius:2px;font-size:13px;font-weight:500;transition:all .15s;letter-spacing:.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2196f3;color:#fff;box-shadow:0 1px 2px #2196f333}.btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 4px #2196f34d}.btn-secondary{background:#fff;color:#1a1a1a;border:1px solid #d0d0d0}.btn-secondary:hover:not(:disabled){background:#fafafa;border-color:#b0b0b0}@media (max-width: 768px){.header-container{flex-direction:column;gap:16px;align-items:stretch}.header-logo{text-align:center}.header-actions{flex-direction:column}.btn{justify-content:center}}.app{min-height:100vh;background:#fafafa}.container{max-width:1600px;margin:0 auto;padding:40px 24px}.layout{display:grid;grid-template-columns:1fr 450px;gap:40px;align-items:start}.form-section{background:#fff;border-radius:2px;padding:0;box-shadow:0 1px 3px #00000014;border:1px solid #e8e8e8}.preview-section{position:sticky;top:110px}@media (max-width: 1200px){.layout{grid-template-columns:1fr}.preview-section{position:relative;top:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1a1a1a}input,textarea,select,button{font-family:inherit}button{cursor:pointer}input:focus,textarea:focus,select:focus{outline:none;border-color:#2196f3!important;box-shadow:0 0 0 3px #2196f31a}@media print{body{background:#fff}.no-print{display:none!important}}