.invoice-generator{padding:2rem 0}.tool-header{text-align:center;margin-bottom:2rem}.tool-header h1{font-size:2rem;color:var(--gray-800);margin-bottom:.5rem}.tool-header p{color:var(--gray-600)}.invoice-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--tool-content-gap, 2rem);align-items:start}.invoice-form{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.file-input{padding:.5rem}.input-hint{font-size:.8rem;color:var(--gray-500);margin-top:.25rem;display:block}.item-row{display:grid;grid-template-columns:2fr 80px 100px 100px 40px;gap:.75rem;align-items:end;margin-bottom:1rem}.item-total{display:flex;flex-direction:column}.item-total label{font-weight:500;color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem}.item-total span{padding:.75rem;background:var(--gray-100);border-radius:var(--radius);font-weight:500;text-align:right}.btn-remove{width:40px;height:40px;border:none;background:var(--gray-100);color:var(--gray-500);border-radius:var(--radius);cursor:pointer;font-size:1.25rem;transition:all .2s;margin-bottom:0;align-self:end}.btn-remove:hover:not(:disabled){background:var(--danger);color:var(--white)}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions .btn{flex:1}.invoice-preview-container{position:sticky;top:100px}.invoice-preview-container>h3{font-size:1.1rem;color:var(--gray-600);margin-bottom:1rem}.invoice-preview{background:var(--white);border:2px solid #d1d5db;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);font-size:.875rem;box-shadow:0 1px 3px #0000001a}.invoice-header{display:flex;justify-content:space-between;margin-bottom:2rem}.invoice-logo img{max-height:60px;max-width:150px;object-fit:contain}.invoice-title{text-align:right}.invoice-title h2{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.invoice-title p{color:var(--gray-600);margin-bottom:.25rem}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:var(--tool-content-gap, 2rem);margin-bottom:2rem}.party-info h3{color:var(--gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.party-info p{margin-bottom:.25rem;color:var(--gray-700)}.items-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.items-table th{background:var(--gray-100);padding:.75rem;text-align:left;font-weight:600;color:var(--gray-700);font-size:.75rem;text-transform:uppercase;border-bottom:2px solid var(--gray-200)}.items-table td{padding:.75rem;border-bottom:1px solid var(--gray-200)}.items-table .amount{text-align:right}.invoice-totals{display:flex;justify-content:flex-end}.totals-table{width:200px}.totals-table tr{display:flex;justify-content:space-between;padding:.5rem 0}.totals-table .total-row{font-size:1.1rem;font-weight:700;border-top:2px solid var(--gray-200);padding-top:.75rem;margin-top:.5rem;color:var(--primary)}.invoice-notes{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.invoice-notes h4{color:var(--gray-500);font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem}.invoice-notes p{color:var(--gray-600);font-size:.875rem}@media (max-width: 1023px){.invoice-layout{grid-template-columns:1fr}.invoice-preview-container{position:static}.item-row{grid-template-columns:1fr;gap:.5rem}.item-row .item-desc{grid-column:1 / -1}}@media (max-width: 768px){.invoice-parties{grid-template-columns:1fr;gap:1rem}.invoice-header{flex-direction:column;gap:1rem}.invoice-title{text-align:left}}.saved-drafts{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.drafts-list{display:flex;flex-direction:column;gap:.75rem}.draft-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.draft-info{display:flex;flex-direction:column;gap:.25rem}.draft-name{font-weight:500;color:var(--gray-800)}.draft-date{font-size:.75rem;color:var(--gray-500)}.draft-actions{display:flex;gap:.5rem}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-danger{background:var(--danger);color:var(--white);border:none}.btn-danger:hover{opacity:.9}.btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background:var(--gray-100)}.payment-section{background:linear-gradient(135deg,#4f46e50d,#6366f10d);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem}.payment-section h3{color:var(--primary)}.section-hint{font-size:.875rem;color:var(--gray-500);margin-bottom:1rem}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.payment-method-btn:hover{border-color:var(--primary-light);background:#4f46e50d}.payment-method-btn.active{border-color:var(--primary);background:#4f46e51a}.payment-icon{font-size:1.25rem}.payment-name{font-size:.75rem;color:var(--gray-600);font-weight:500}.payment-preview{margin-top:.5rem}.payment-preview a{color:var(--primary);word-break:break-all}.invoice-payment{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--primary)}.invoice-payment h4{color:var(--primary);margin-bottom:1rem}.payment-link-section{display:flex;gap:1.5rem;align-items:center}.payment-qr{flex-shrink:0}.payment-qr img{width:120px;height:120px;border:1px solid var(--gray-200);border-radius:var(--radius)}.payment-details{flex:1}.payment-details p{margin:0 0 .5rem;color:var(--gray-600);font-size:.875rem}.payment-link{display:block;color:var(--primary);font-weight:500;word-break:break-all;margin-bottom:.5rem}.payment-method-name{font-weight:600;color:var(--gray-800)}.zelle-info p{color:var(--gray-700)}@media (max-width: 768px){.payment-method-grid{grid-template-columns:repeat(2,1fr)}.payment-link-section{flex-direction:column;text-align:center}}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.template-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:center;font-family:inherit;font-size:.875rem}.template-card:hover{border-color:var(--primary);background:#4f46e50d;box-shadow:0 4px 12px #4f46e526}.template-icon{font-size:2rem;display:block}.template-name{font-weight:600;color:var(--gray-800);display:block}.template-desc{font-size:.75rem;color:var(--gray-600);display:block}.invoice-logo-left{text-align:left}.invoice-logo-center{text-align:center;flex:1}.invoice-logo-right{text-align:right;flex:1}.logo-info{margin-top:.75rem;padding:.75rem;background:var(--gray-50);border-radius:var(--radius);font-size:.875rem}.logo-info p{margin:.25rem 0;color:var(--gray-700)}.form-section input[type=checkbox]{margin-right:.5rem;cursor:pointer}.form-section label input[type=checkbox]{vertical-align:middle}.form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}