.invoice-generator{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.form-section{padding:30px;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.form-section h2{margin:0 0 25px;font-size:1.5rem;color:#1f2937;font-weight:600;display:flex;align-items:center;gap:10px}.form-section h2 svg{flex-shrink:0;stroke:#06c}.highlight-section{background:#f0f9ff;border-left:4px solid #0066cc}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:500;font-size:.9rem;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1}.ytunnus-lookup{margin-bottom:25px;padding:20px;background:#fff;border-radius:8px;border:2px dashed #0066cc}.help-text{display:block;margin-top:6px;font-size:.85rem;color:#6b7280}.error-message{display:block;margin-top:6px;font-size:.85rem;color:#dc2626;font-weight:500}button{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-search{background:#06c;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn-search svg{flex-shrink:0}.btn-search:hover:not(:disabled){background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 8px #0066cc4d}.btn-search:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-generate{background:#10b981;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn-generate svg{flex-shrink:0}.btn-generate:hover{background:#059669;transform:translateY(-1px)}.btn-add-item{margin-top:15px;background:#f3f4f6;color:#374151;border:2px dashed #d1d5db}.btn-add-item:hover{background:#e5e7eb;border-color:#9ca3af}.btn-remove{background:transparent;color:#dc2626;padding:6px 10px;font-size:1.2rem}.btn-remove:hover{background:#fee2e2}.items-table{margin-top:20px}.items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px 1.2fr 60px;gap:10px;padding:12px;background:#f9fafb;border-radius:6px 6px 0 0;font-weight:600;font-size:.9rem;color:#374151}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px 1.2fr 60px;gap:10px;padding:12px;border-bottom:1px solid #e5e7eb;align-items:center}.item-row:last-child{border-bottom:none}.col-desc input,.col-qty input,.col-price input,.col-vat select{width:100%}.col-labor{text-align:center}.col-total{text-align:right;font-weight:600;color:#1f2937}.col-actions{display:flex;justify-content:center}.totals-summary{margin-top:30px;padding:20px;background:#f9fafb;border-radius:8px;max-width:400px;margin-left:auto}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:1rem}.total-final{margin-top:10px;padding-top:15px;border-top:2px solid #d1d5db;font-weight:700;font-size:1.2rem;color:#1f2937}.download-section{padding:40px 30px;text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:0 0 8px 8px}.btn-download{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#10b981;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:8px;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.btn-download svg{flex-shrink:0}.btn-download:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}@media(max-width:768px){.generator-header h1{font-size:1.8rem}.form-grid{grid-template-columns:1fr}.items-header,.item-row{grid-template-columns:1fr;gap:8px}.items-header{display:none}.item-row{padding:15px;background:#f9fafb;margin-bottom:10px;border-radius:6px;border:1px solid #e5e7eb}.item-row>div:before{content:attr(data-label);display:block;font-weight:600;font-size:.85rem;margin-bottom:4px;color:#6b7280}.col-total{text-align:left}}@media(max-width:480px){.invoice-generator{padding:10px}.form-section{padding:20px 15px}.generator-header{padding:30px 15px}.input-with-button{flex-direction:column}.btn-search,.btn-generate{width:100%}}.form-group.full-width{grid-column:1 / -1}.form-group input[type=file]{padding:12px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s;width:100%;font-size:.95rem}.form-group input[type=file]:hover{border-color:#003580;background:#f3f4f6}.form-group input[type=file]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}