body{background-color:#f1f5f9;font-family:Plus Jakarta Sans,system-ui,sans-serif;color:#111827}.app-layout{display:flex;height:100vh;overflow:hidden}.editor-panel{width:450px;background:#fff;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;overflow-y:auto;box-shadow:10px 0 15px -10px #0000000d;z-index:10}.panel-header{padding:1.5rem;border-bottom:1px solid #E2E8F0;position:sticky;top:0;background:#fff;z-index:10}.panel-header h1,.panel-header h2{font-size:1.25rem;font-weight:700}.help-text-header{font-size:.875rem;color:#64748b;margin-top:.25rem}.invoice-form{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:2.5rem}.form-section h3{font-size:1rem;font-weight:600;border-bottom:1px solid #E2E8F0;padding-bottom:.5rem;margin-bottom:.25rem}.help-text{font-size:.75rem;color:#94a3b8;margin-bottom:1rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E2E8F0;padding-bottom:.5rem;margin-bottom:.25rem}.section-header-row h3{border:none;padding:0;margin:0}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}input,textarea{width:100%;padding:.625rem;border:1px solid #CBD5E1;border-radius:.375rem;font-family:inherit;font-size:.875rem}input:focus,textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.items-container{display:flex;flex-direction:column;gap:1rem}.item-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:#f8fafc;padding:1rem;border:1px solid #E2E8F0;border-radius:.5rem;position:relative}.item-row .full-width{grid-column:1 / -1}.item-row .qty-rate-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;grid-column:1 / -1}.btn-remove{position:absolute;top:-10px;right:-10px;padding:.25rem;background:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#dc2626}.panel-footer{padding:1.5rem;background:#fff;border-top:1px solid #E2E8F0;position:sticky;bottom:0;z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;font-size:.875rem;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-outline{background:transparent;border:1px solid #CBD5E1;color:#0f172a}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-secondary{background:#10b981;color:#fff}.btn-secondary:hover{background:#059669}.btn-block{width:100%;padding:.75rem;font-size:1rem}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.mb-2{margin-bottom:.5rem}.preview-panel{flex:1;background:#e2e8f0;padding:2rem;overflow-y:auto;display:flex;justify-content:center}.preview-container{width:100%;max-width:820px}.tax-invoice-paper{background:#fff;width:100%;min-height:1122px;padding:40px;box-shadow:0 10px 25px #0000001a;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.3}.ti-header-label{text-align:center;font-weight:700;font-size:14px;margin-bottom:4px;position:relative}.ti-header-label .right{position:absolute;right:0;font-size:10px;font-style:italic;font-weight:400}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #000}td{padding:4px 6px;vertical-align:top}th{padding:4px 6px;text-align:left;font-weight:400}.col-half{width:50%}.col-quarter{width:25%}.border-right{border-right:1px solid #000}.border-bottom{border-bottom:1px solid #000}.ti-comp-name{display:block;font-size:13px;font-weight:700}.ti-comp-address{font-size:11px}.ti-meta-line{font-size:11px;display:flex}.ti-meta-line span:first-child{width:100px}.sm-label{font-size:10px;line-height:1.1;margin-bottom:2px}.sm-value{font-size:12px;display:block}.ti-items-table{border-top:none}.ti-items-table th{text-align:center;border-top:none;border-bottom:1px solid #000}.w-sl{width:40px}.w-desc{width:350px}.w-hsn,.w-qty{width:80px;text-align:center}.w-rate{width:80px;text-align:right}.w-per{width:40px;text-align:center}.w-amount{width:100px;text-align:right}.ti-items-table td{border-bottom:none;border-top:none}.ti-items-table tr.ti-total-row td{border-top:1px solid #000;border-bottom:1px solid #000}.text-right{text-align:right}.text-center{text-align:center}.ti-chargeable{font-size:11px;padding:4px 6px;border-left:1px solid #000;border-right:1px solid #000}.italic{font-style:italic;font-size:10px}.right{float:right}.ti-tax-split-table th{text-align:center;border-bottom:1px solid #000;border-top:1px solid #000;vertical-align:middle}.ti-declaration{padding:6px;font-size:10px;flex:1;border-right:1px solid #000;display:flex;flex-direction:column}.ti-dec-title{text-decoration:underline;margin-bottom:2px}.ti-declaration ol{padding-left:16px;margin:0 0 auto}.ti-seal{margin-top:20px;font-style:italic}.ti-bank-sig{flex:1;display:flex;flex-direction:column}.ti-bank{padding:6px;border-bottom:1px solid #000}.ti-sig{padding:6px;text-align:right;flex:1;display:flex;flex-direction:column;justify-content:space-between}.ti-for{font-weight:700;margin-bottom:30px}.ti-footer-grid{display:flex;border:1px solid #000;border-top:none}.ti-absolute-footer{text-align:center;font-size:10px;margin-top:10px;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay.hidden{display:none}.modal-content{background:#fff;width:90%;max-width:500px;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:80vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E2E8F0}.modal-header h2{font-size:1.25rem;font-weight:700;margin:0}.btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.btn-close:hover{color:#0f172a}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.prev-invoice-card{border:1px solid #E2E8F0;border-radius:.5rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.prev-invoice-meta{display:flex;flex-direction:column;gap:.25rem}.prev-invoice-meta strong{font-size:.95rem;color:#0f172a}.prev-invoice-meta span{font-size:.8rem;color:#64748b}@media (max-width: 1024px){.editor-panel{width:350px}}@media (max-width: 768px){.app-layout{flex-direction:column;height:auto;overflow:visible}.editor-panel{width:100%;border-right:none;border-bottom:1px solid #E2E8F0}.preview-panel{padding:1rem}.tax-invoice-paper{padding:15px;min-width:700px}.preview-container{overflow-x:auto}}@media print{body{background:#fff}.editor-panel{display:none}.preview-panel{padding:0;display:block;height:auto;overflow:visible}.preview-container{max-width:none}.tax-invoice-paper{padding:0;box-shadow:none;width:100%}.modal-overlay{display:none!important}}