*{box-sizing:border-box;margin:0;padding:0}body{font-family:Times New Roman,Times,serif;background:#f0f0f0;color:#000;font-size:12px}.header{background:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.header h1{font-size:16px;font-weight:600;color:#000;font-family:Arial,sans-serif}.header-btns{display:flex;gap:8px}.header-btns button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-family:Arial,sans-serif;transition:all .2s}.header-btns button:hover,.header-btns button.active,.header-btns .download-btn{background:#000;color:#fff;border-color:#000}.body{display:flex;min-height:calc(100vh - 50px)}.sidebar{width:360px;background:#fff;border-right:1px solid #ccc;font-family:Arial,sans-serif}.tabs{display:flex;border-bottom:1px solid #ccc}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:none;background:#f5f5f5;cursor:pointer;font-size:10px;color:#666;border-bottom:2px solid transparent}.tabs button svg{font-size:16px}.tabs button.active{background:#fff;color:#000;border-bottom-color:#000}.tab-content{padding:16px;overflow-y:auto;max-height:calc(100vh - 100px)}.form h3{font-size:14px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #ccc}.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:13px;margin-bottom:10px;font-family:Arial,sans-serif}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:#000}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form .row.three{grid-template-columns:1fr 1fr 1fr}.logo-area{margin-bottom:12px}.logo-upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border:1px dashed #ccc;border-radius:4px;cursor:pointer;font-size:12px;color:#666}.logo-upload:hover{border-color:#000}.logo-upload input{display:none}.logo-box{display:flex;align-items:center;gap:10px}.logo-box img{max-width:60px;max-height:40px;object-fit:contain;border:1px solid #ccc}.logo-box button{padding:4px 8px;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.ifsc-input{position:relative;margin-bottom:10px}.ifsc-input input{margin-bottom:0;text-transform:uppercase;font-family:monospace}.ifsc-input .loader{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.bank-fetched{display:flex;gap:8px;background:#f5f5f5;padding:10px;border-radius:4px;margin-bottom:10px;border-left:3px solid #000;font-size:12px}.bank-fetched p{margin:2px 0}.add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:#000;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.item-list{margin-top:14px}.item-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f5f5f5;border-radius:4px;margin-bottom:6px;font-size:12px}.item-row button{width:20px;height:20px;border-radius:50%;border:none;background:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center}.item-row button:hover{background:#000;color:#fff}.item-total{text-align:right;font-weight:600;padding:10px;background:#000;color:#fff;border-radius:4px;margin-top:8px}.invoice-area{flex:1;padding:20px;overflow-y:auto;background:#e0e0e0;display:flex;justify-content:center}.invoice-area.full{padding:20px}.invoice-paper{background:#fff;max-width:210mm;width:100%;padding:10mm;box-shadow:0 2px 10px #0000001a}.invoice-table{width:100%;border-collapse:collapse;border:2px solid #000;font-size:11px}.invoice-table td,.invoice-table th{border:1px solid #000;padding:6px 8px;vertical-align:top}.header-cell{padding:12px!important}.invoice-header{display:flex;align-items:flex-start;gap:15px}.invoice-header .logo{max-width:70px;max-height:50px;object-fit:contain}.company-info h1{font-size:16px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.company-info p{font-size:11px;margin:2px 0}.title-cell{text-align:center;padding:10px!important;font-size:14px;letter-spacing:2px;border-top:2px solid #000!important;border-bottom:2px solid #000!important}.info-cell{font-size:11px;padding:8px!important}.party-cell{padding:0!important;vertical-align:top}.party-title{background:#f0f0f0;padding:6px 10px;font-weight:700;font-size:10px;text-transform:uppercase;border-bottom:1px solid #000}.party-content{padding:10px}.party-content p{margin:3px 0;font-size:11px}.items-header td{background:#f0f0f0;font-weight:700;text-align:center;font-size:10px;padding:8px 4px!important;border-top:2px solid #000!important}.items-row td{text-align:center;padding:8px 6px!important;font-size:11px}.items-row td.left{text-align:left}.items-row td.right{text-align:right;font-family:Courier New,monospace}.items-row.empty-row td{height:25px}.items-row .empty{text-align:center;color:#999;font-style:italic;padding:20px!important}.totals-row td{font-size:11px;padding:8px 6px!important;border-top:2px solid #000!important;border-bottom:2px solid #000!important}.totals-row td.right{text-align:right;font-family:Courier New,monospace}.tax-summary-cell{padding:10px!important}.tax-summary-title{font-weight:700;margin-bottom:8px;font-size:11px}.tax-summary-table{width:100%;border-collapse:collapse;font-size:10px}.tax-summary-table th,.tax-summary-table td{border:1px solid #000;padding:6px;text-align:center}.tax-summary-table th{background:#f0f0f0;font-weight:700}.amount-cell{padding:12px!important;font-size:11px;line-height:1.6}.grand-total-cell{text-align:right;padding:12px!important;font-size:14px;vertical-align:middle}.bank-cell{padding:10px!important}.section-title{font-weight:700;font-size:11px;margin-bottom:8px;text-decoration:underline}.bank-table{font-size:11px}.bank-table td{border:none!important;padding:3px 8px 3px 0!important}.bank-table td:first-child{width:100px}.sign-cell{padding:10px!important;vertical-align:top}.sign-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:right;min-height:100px}.sign-content p{font-size:11px}.sign-space{flex:1;min-height:50px}.terms-cell{padding:10px!important;font-size:10px}.terms-cell ol{margin:0;padding-left:16px}.terms-cell li{margin-bottom:3px}.declaration-cell{padding:10px!important;font-size:10px;font-style:italic}.footer-cell{text-align:center;padding:10px!important;font-size:10px;font-style:italic;border-top:2px solid #000!important}@media print{.no-print{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff;margin:0;padding:0}.body{display:block}.invoice-area{padding:0;background:#fff}.invoice-paper{box-shadow:none;max-width:100%;padding:5mm}.invoice-table{page-break-inside:avoid}@page{size:A4;margin:5mm}}@media(max-width:900px){.body{flex-direction:column}.sidebar{width:100%}.tab-content{max-height:300px}.invoice-paper{padding:5mm}.invoice-table{font-size:9px}.form .row,.form .row.three{grid-template-columns:1fr}}@media(max-width:600px){.header{flex-direction:column;gap:10px}.invoice-header{flex-direction:column;text-align:center}.company-info h1{font-size:14px}.title-cell{font-size:12px!important}}.date-field{display:flex;flex-direction:column}.date-field label{font-size:11px;color:#666;margin-bottom:4px}.date-field input[type=date]{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:13px;font-family:Arial,sans-serif}.date-field input[type=date]:focus{outline:none;border-color:#000}.terms-cell ol{margin:0;padding-left:20px;font-size:10px}.terms-cell ol li{margin-bottom:3px;line-height:1.4}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.gstin-input-wrapper{position:relative;display:flex;align-items:center}.gstin-input-wrapper input{width:100%;padding-right:40px}.gstin-input-wrapper .loader{position:absolute;right:12px;width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.gstin-input-wrapper .success-icon{position:absolute;right:12px;color:#22c55e;font-size:18px}.gstin-input-wrapper input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px;margin-top:-8px;margin-bottom:8px;display:block}.address-textarea{width:100%;min-height:80px;resize:vertical;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.address-wrap,.text-wrap{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%;display:block}.item-desc{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:200px}.company-info{flex:1;max-width:calc(100% - 100px)}.company-info p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin:4px 0}.party-content p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin:3px 0;line-height:1.4}.bank-table td{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:150px}.invoice-table td{word-wrap:break-word;overflow-wrap:break-word}.invoice-paper{width:100%;max-width:210mm;overflow:hidden}.invoice-table{width:100%;table-layout:fixed}.ifsc-input{position:relative;display:flex;align-items:center}.ifsc-input .loader{position:absolute;right:12px;width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.bank-fetched{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f0fdf4;border:1px solid #22c55e;border-radius:8px;margin-bottom:12px}.bank-fetched svg{color:#22c55e;font-size:20px;margin-top:2px}.bank-fetched strong{display:block;color:#166534}.bank-fetched p{margin:4px 0 0;color:#4b5563;font-size:13px}@media print{.address-wrap,.text-wrap,.item-desc,.party-content p,.company-info p{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.invoice-table{table-layout:fixed}.invoice-paper{max-width:100%}}.date-field{display:flex;flex-direction:column;gap:4px}.date-field label{font-size:12px;color:#6b7280;font-weight:500}.date-field input{padding:10px 12px}.row.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.input-group{margin-bottom:12px}.input-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:5px}.input-group input,.input-group textarea,.input-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.auto-tag{background:#dbeafe;color:#1d4ed8;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500;margin-left:6px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input{padding-right:40px}.input-with-icon .loader{position:absolute;right:12px;width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.input-with-icon .success-icon{position:absolute;right:12px;color:#22c55e;font-size:18px}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{display:block;color:#ef4444;font-size:12px;margin-top:4px}.fetched-details{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:12px;margin-bottom:12px}.fetched-details .detail-row{display:flex;margin-bottom:6px}.fetched-details .detail-row:last-child{margin-bottom:0}.fetched-details .label{font-weight:600;color:#166534;min-width:70px;font-size:13px}.fetched-details .value{color:#374151;font-size:13px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row.three{grid-template-columns:1fr 1fr 1fr}.add-btn{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;transition:background .2s}.add-btn:hover{background:#4338ca}.item-list{margin-top:20px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.item-list h4{background:#f3f4f6;margin:0;padding:10px 12px;font-size:14px;color:#374151}.item-row{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e7eb}.item-row:last-of-type{border-bottom:none}.item-name{flex:1;font-size:13px;color:#374151}.item-amount{font-weight:600;color:#059669;margin-right:12px;font-size:13px}.remove-btn{background:#fee2e2;color:#dc2626;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:#fecaca}.item-total{background:#f0fdf4;padding:12px;text-align:right;color:#166534;font-size:15px}.address-wrap{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}