body{margin:0;padding:0}body{margin:0;background-color:#f4f7f6;font-family:Outfit,sans-serif}.app-container{display:flex;padding:30px;gap:30px;height:100vh;box-sizing:border-box}.input-section{flex:1;display:flex;flex-direction:column;background:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 40px #0000000d;max-width:450px;border:1px solid rgba(0,0,0,.05)}.app-header h1{font-size:20px;margin:0 0 15px;color:#1a1a1a;letter-spacing:-.5px}.company-toggle{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:8px 12px;border-radius:10px;cursor:pointer;margin-bottom:20px;border:1px solid #e2e8f0;transition:all .3s ease}.company-toggle:hover{background:#f1f5f9}.company-toggle span{font-size:14px;font-weight:600;color:#475569}.toggle-track{width:44px;height:24px;background:#cbd5e1;border-radius:12px;position:relative;transition:background .3s}.toggle-track.active{background:#3b82f6}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s;box-shadow:0 2px 4px #0000001a}.toggle-track.active .toggle-thumb{transform:translate(16px)}.input-section textarea{flex:1;min-height:400px;padding:15px;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:15px;resize:none;margin-bottom:15px;transition:border-color .2s;background:#fafafa}.input-section textarea:focus{outline:none;border-color:#3b82f6;background:#fff}.state-indicator{margin-bottom:10px;font-size:12px;font-weight:600}.loading-pulse{color:#3b82f6;animation:pulse 1.5s infinite}.ready-status{color:#10b981}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.control-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.control-item label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.select-input,.running-number-input{width:100%;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;box-sizing:border-box;background:#fff;color:#1a1a1a}.select-input:focus,.running-number-input:focus{outline:none;border-color:#3b82f6}.icon-actions{display:flex;justify-content:space-between;gap:10px}.icon-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 5px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease}.icon-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.icon-btn svg{transition:stroke .2s}.icon-btn:hover svg{stroke:#3b82f6}.preview-section{flex:2;overflow-y:auto;display:flex;justify-content:center;background:#1e293b;padding:30px;border-radius:20px}.paper-container{display:flex;flex-direction:column;align-items:center}@media print{@page{size:A4;margin:0}.no-print{display:none!important}.app-container{display:block;height:auto;padding:0;margin:0}.preview-section{padding:0;background:#fff;overflow:visible}body{background:#fff}}.invoice-container{width:210mm;height:297mm;overflow:hidden;background:#fff;padding:10mm;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;font-size:12px;color:#000;box-sizing:border-box}.invoice-header{text-align:center;border-bottom:2px solid black;padding-bottom:5px;margin-bottom:10px}.invoice-header h2{margin:0;font-weight:700}.invoice-meta-grid{display:flex;justify-content:space-between;margin-bottom:10px}.meta-left{width:45%}.meta-right{width:45%;text-align:right}.meta-right h1{text-align:right;text-decoration:underline;margin:0 0 10px}.meta-table{border:1px solid black;margin-bottom:5px}.meta-row{display:flex;border-bottom:1px solid #ddd}.meta-row:last-child{border-bottom:none}.meta-row .label{background:#eee;padding:2px 5px;width:100px;text-align:left;border-right:1px solid black;font-weight:700}.meta-row .value{padding:2px 5px;flex:1;text-align:left}.value-box.customer-info{border:1px solid black;height:80px;width:100%;padding:5px;white-space:pre-wrap;text-align:left}.zoning-terms-table{margin-top:20px;border:1px solid black;width:100%}.zt-row{display:flex;border-bottom:1px solid black}.zt-row:last-child{border-bottom:none}.zt-label{width:80px;padding:5px;border-right:1px solid black;font-weight:700}.zt-value{flex:1;padding:5px;text-align:center;font-weight:700}.zt-value.highlight{font-size:24px}.bank-info{border:2px solid black;padding:5px;text-align:center;font-weight:700;margin-bottom:5px}.customer-msg{text-align:left}.msg-box{border:1px dashed black;height:30px}table{width:100%;border-collapse:collapse}th{background:#6fa8dc;border:1px solid black;padding:5px;text-align:center}td{border:1px solid black;padding:2px 5px}.col-desc{text-align:left;width:50%}.col-price,.col-qty{text-align:right;width:15%}.col-total{text-align:right;width:20%}.no-border{border:none}.label-total,.val-total{font-weight:700;text-align:right;border:1px solid black}@media print{@page{size:A4;margin:0}body{background:#fff}.invoice-container{width:210mm;height:296mm;box-shadow:none;padding:10mm;margin:0 auto;page-break-after:avoid;page-break-inside:avoid}}