@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Great+Vibes&family=Pacifico&family=Dancing+Script:wght@600&family=Caveat:wght@600&family=Alex+Brush&family=Sacramento&family=Satisfy&family=Playfair+Display:ital,wght@0,600;0,700;0,900;1,400;1,700&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace, Consolas, Monaco;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#2563eb14;--primary-border:#2563eb33;--slate-950:#020617;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--bg-app:#f4f6f9;--bg-surface:#fff;--border-subtle:#e2e8f0;--border-focus:#3b82f6;--success:#10b981;--success-soft:#10b9811f;--danger:#ef4444;--danger-soft:#ef44441a;--warning:#f59e0b;--warning-soft:#f59e0b1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-sheet:0 15px 35px -5px #0f172a26, 0 0 1px 1px #0000000d}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.subpage-ambient-floating-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.subpage-float-badge{color:#fff;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;opacity:.92;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;display:flex;position:fixed}.subpage-float-badge:hover{opacity:1;z-index:999;transform:scale(1.25)rotate(10deg)!important}.subpage-symbol{font-size:1.15rem;font-weight:900;line-height:1}.badge-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px -2px #2563eb73,0 0 0 2px #ffffffe6}.badge-emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px -2px #10b98173,0 0 0 2px #ffffffe6}.badge-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 20px -2px #8b5cf673,0 0 0 2px #ffffffe6}.badge-amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px -2px #f59e0b73,0 0 0 2px #ffffffe6}.badge-yellow{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 8px 20px -2px #eab30873,0 0 0 2px #ffffffe6}.badge-sky{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 8px 20px -2px #0ea5e973,0 0 0 2px #ffffffe6}.badge-gold{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px -2px #d9770673,0 0 0 2px #ffffffe6}.badge-rose{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 20px -2px #f43f5e73,0 0 0 2px #ffffffe6}.badge-pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 8px 20px -2px #ec489973,0 0 0 2px #ffffffe6}.badge-indigo{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 8px 20px -2px #6366f173,0 0 0 2px #ffffffe6}@media (width<=1200px){.subpage-float-badge{display:none}}.erp-navbar{z-index:50;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background-color:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:1.5rem;display:flex}.erp-logo-wrap{align-items:center;gap:.75rem;display:flex}.erp-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #2563eb40}.erp-titles{flex-direction:column;display:flex}.title-row{align-items:center;gap:.5rem;display:flex}.brand-title{letter-spacing:-.02em;color:var(--slate-900);font-size:1rem;font-weight:800}.badge-pro{letter-spacing:.05em;background-color:var(--slate-900);color:#fff;border-radius:4px;padding:1px 6px;font-size:.625rem;font-weight:700}.brand-sub{color:var(--slate-500);font-size:.75rem;font-weight:500}.view-mode-pills{background-color:var(--slate-100);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.pill-btn{color:var(--slate-600);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.pill-btn:hover{color:var(--slate-900)}.pill-btn.active{color:var(--primary);background-color:#fff;box-shadow:0 1px 3px #00000014}.navbar-right{align-items:center;gap:.6rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 2px 6px #2563eb40}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 10px #2563eb59}.btn-secondary{color:var(--slate-700);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{background-color:var(--slate-50);color:var(--slate-900);border-color:var(--slate-300)}.btn-success{background-color:var(--success);color:#fff}.btn-letterhead-trigger{background:linear-gradient(135deg, #fff, var(--slate-50));color:var(--slate-800);box-shadow:var(--shadow-sm);border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .4rem;font-weight:600;display:flex}.btn-letterhead-trigger:hover{border-color:var(--primary);background-color:#fff}.letterhead-avatar{border:2px solid var(--primary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.letterhead-avatar img{object-fit:cover;width:100%;height:100%}.btn-badge-relative{position:relative}.notification-bubble{background-color:var(--primary);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.btn-primary-sm{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-secondary-sm{color:var(--slate-700);border:1px dashed var(--slate-300);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-secondary-sm:hover{background-color:var(--slate-50);border-color:var(--primary);color:var(--primary)}.btn-outline-sm{border:1px solid var(--border-subtle);color:var(--slate-700);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;display:inline-flex}.btn-outline-sm:hover{background-color:var(--slate-100)}.btn-primary-xs,.btn-secondary-xs,.btn-danger-xs{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.btn-primary-xs{background-color:var(--primary);color:#fff}.btn-secondary-xs{background-color:var(--slate-100);color:var(--slate-700)}.btn-danger-xs{background-color:var(--danger-soft);color:var(--danger)}.spinner-icon{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-workspace{min-height:calc(100vh - 65px);padding:1.25rem}.app-workspace.split{grid-template-columns:52% 48%;align-items:start;gap:1.5rem;display:grid}.app-workspace.editor{max-width:960px;margin:0 auto}.app-workspace.preview{justify-content:center;display:flex}.invoice-editor-container,.po-editor-container,.challan-editor-wrapper,.certificate-editor-container,.receipt-editor-container{flex-direction:column;gap:1.25rem;display:flex}.editor-card,.form-card{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:22px 26px;transition:box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #00000009}.editor-card:hover,.form-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000d}.card-header-flex,.editor-card-header,.form-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.card-title-wrap,.editor-card-header>div,.form-card-header>div{align-items:center;gap:10px;display:flex}.card-title-wrap h4,.editor-card-header h3,.form-card-header h3,.editor-card .card-title{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.editor-card-header .card-subtitle,.form-card-header p,.card-title-wrap p,.editor-card-desc{color:#64748b;margin:2px 0 0;font-size:11.5px}.badge-tag{text-transform:uppercase;letter-spacing:.05em;background-color:var(--slate-100);color:var(--slate-600);border-radius:999px;padding:2px 8px;font-size:.675rem;font-weight:700}.editor-grid-4,.form-grid-4{grid-template-columns:repeat(4,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.editor-grid-3,.form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.editor-grid-2,.form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.full-width{grid-column:1/-1}.form-group{flex-direction:column;gap:6px;display:flex}.form-label,.form-group>label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:0;font-size:12.5px;font-weight:600;display:flex}.form-label.required:after,.required-star{color:var(--danger);margin-left:2px}.form-group>label:has(:after){color:var(--danger);margin-left:2px}.form-control,.form-input,.form-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:42px;padding:9px 13px;font-family:inherit;font-size:13.5px;transition:all .15s}.form-control:hover,.form-input:hover,.form-select:hover{border-color:#94a3b8}.form-control:focus,.form-input:focus,.form-select:focus{border-color:var(--primary,#2563eb);background-color:#fff;box-shadow:0 0 0 3px #2563eb1f}textarea.form-control,textarea.form-input{resize:vertical;min-height:80px;padding:10px 14px;line-height:1.45}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-muted{color:var(--slate-500)}.text-danger{color:var(--danger)}.text-right{text-align:right}.text-center{text-align:center}.toggle-pill-wrap{background-color:var(--slate-100);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.toggle-pill{cursor:pointer;color:var(--slate-600);text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 6px;font-size:.7rem;font-weight:600;transition:all .12s}.toggle-pill.active{color:var(--slate-900);background-color:#fff;box-shadow:0 1px 2px #0000000f}.items-table-wrapper{border:1px solid var(--slate-200);border-radius:var(--radius-md);margin-top:.5rem;overflow-x:auto}.items-editor-table{border-collapse:collapse;width:100%;font-size:.785rem}.items-editor-table th{background-color:var(--slate-100);color:var(--slate-700);text-align:left;border-bottom:1px solid var(--slate-200);white-space:nowrap;padding:.5rem;font-weight:700}.items-editor-table td{border-bottom:1px solid var(--slate-100);vertical-align:top;padding:.4rem}.item-desc-input{padding:.35rem .5rem;font-size:.785rem}.btn-delete-row{color:var(--slate-400);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .15s}.btn-delete-row:hover{background-color:var(--danger-soft);color:var(--danger)}.add-row-bar{justify-content:flex-start;margin-top:.75rem;display:flex}.letterhead-callout-card{background-color:var(--primary-soft);border:1px solid var(--primary-border);border-radius:var(--radius-md);gap:.75rem;padding:.85rem;display:flex}.letterhead-callout-card p{color:var(--slate-600);margin-top:2px;font-size:.75rem}.invoice-sheet-container{justify-content:center;width:100%;display:flex}.invoice-sheet{width:100%;max-width:210mm;min-height:297mm;box-shadow:var(--shadow-sheet);color:#1e293b;box-sizing:border-box;background-color:#fff;border-radius:4px;flex-direction:column;padding:24px 30px;font-size:11px;line-height:1.4;display:flex;position:relative}.letterhead-header.modern-header{border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding-bottom:14px;position:relative}.top-brand-strip{height:6px;position:absolute;top:-24px;left:-30px;right:-30px}.header-main-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.company-branding{flex:1;align-items:flex-start;gap:1rem;display:flex}.company-logo{object-fit:contain;border-radius:4px;max-height:75px}.logo-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.company-name{letter-spacing:-.01em;color:#0f172a;margin-bottom:2px;font-size:16px;font-weight:800}.company-tagline{color:#64748b;margin-bottom:4px;font-size:10px;font-weight:500}.company-address{color:#475569;font-size:10px}.company-tax-ids{color:#334155;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:9.5px;display:flex}.header-document-badge{text-align:right;min-width:180px}.doc-title-pill{letter-spacing:.04em;border:1px solid #0000;border-radius:6px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.doc-meta-table{flex-direction:column;gap:3px;font-size:10px;display:flex}.meta-row{justify-content:space-between;gap:8px;display:flex}.meta-row .label{color:#64748b}.status-pill{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:8.5px;font-weight:700}.status-pill.pending{color:#b45309;background-color:#fef3c7}.status-pill.paid{color:#047857;background-color:#d1fae5}.status-pill.draft{color:#475569;background-color:#e2e8f0}.status-pill.overdue{color:#b91c1c;background-color:#fee2e2}.letterhead-header.corporate-header{color:#fff;justify-content:space-between;align-items:center;margin:-24px -30px 14px;padding:18px 28px;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.company-text-white .company-name{color:#fff}.company-text-white .company-tagline{color:#ffffffd9}.header-contact-white{text-align:right;color:#ffffffe6;font-size:9.5px;line-height:1.35}.letterhead-header.classic-header{text-align:center;margin-bottom:12px}.company-logo.centered{margin:0 auto 6px;display:block}.classic-meta-inline{color:#475569;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;font-size:9.5px;display:flex}.classic-divider{border-bottom:2px solid;margin-top:8px}.secondary-doc-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:6px 12px;display:flex}.doc-title-tag{font-size:12px;font-weight:800}.doc-meta-horizontal{gap:12px;font-size:10px;display:flex}.invoice-parties-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.party-box{background-color:#fcfdfe;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.party-header-bar{color:#475569;letter-spacing:.04em;background-color:#f1f5f9;border-left:3px solid;padding:4px 10px;font-size:9px;font-weight:700}.party-content{padding:8px 10px;font-size:10px;line-height:1.35}.client-business-name{color:#0f172a;margin-bottom:2px;font-size:12px;font-weight:700}.client-contact{color:#334155;margin-bottom:3px}.client-address{color:#475569;margin-bottom:4px}.client-meta-list{color:#334155;flex-direction:column;gap:2px;display:flex}.same-as-billing{color:#64748b;font-style:italic}.same-as-billing .subtext{color:#334155;margin-top:2px;font-style:normal}.invoice-table-section{margin-bottom:14px}.print-table{border-collapse:collapse;table-layout:auto;width:100%;font-size:10px}.print-table thead tr{border-top:2px solid;border-bottom:1px solid #cbd5e1}.print-table th{color:#0f172a;vertical-align:middle;padding:7px 8px;font-weight:700}.print-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:7px 8px}.th-sn,.td-sn{width:5%;text-align:center!important}.th-desc,.td-desc{text-align:left!important}.th-hsn,.td-hsn{white-space:nowrap;width:12%;text-align:center!important}.th-qty,.td-qty{white-space:nowrap;width:10%;text-align:center!important}.th-rate,.td-rate,.th-taxable,.td-taxable{white-space:nowrap;width:14%;text-align:right!important}.th-gst,.td-gst{white-space:nowrap;width:9%;text-align:center!important}.th-amt,.td-amt{white-space:nowrap;width:15%;text-align:right!important}.unit-label{color:#64748b;font-size:8.5px}.item-name{color:#0f172a;white-space:pre-line;font-weight:600}.invoice-bottom-grid{grid-template-columns:58% 42%;align-items:start;gap:14px;margin-top:auto;display:grid}.amount-in-words-card{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;margin-bottom:10px;padding:6px 10px}.words-title{color:#64748b;text-transform:uppercase;font-size:8.5px;font-weight:700;display:block}.words-text{color:#0f172a;margin-top:1px;font-size:10px;font-weight:700}.bank-details-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;padding:8px 10px}.bank-info-flex{justify-content:space-between;gap:10px;display:flex}.bank-text-details{flex:1}.bank-section-title{margin-bottom:4px;font-size:10.5px;font-weight:700}.bank-meta-grid{grid-template-columns:1fr;gap:2px;font-size:9.5px;display:grid}.bank-meta-grid .lbl{color:#64748b;margin-right:4px}.upi-qr-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex}.qr-image{object-fit:contain;width:70px;height:70px}.qr-caption{color:#475569;margin-top:2px;font-size:8px;font-weight:600}.terms-notes-section{color:#475569;font-size:9px}.notes-box{background-color:#f8fafc;border-radius:4px;margin-bottom:6px;padding:4px 8px}.terms-box strong{color:#1e293b;margin-bottom:2px;display:block}.terms-pre{white-space:pre-line;color:#64748b;font-family:inherit;font-size:8.5px;line-height:1.3}.totals-breakdown-card{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;overflow:hidden}.calc-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 10px;font-size:10px;display:flex}.calc-label{color:#475569}.calc-val{color:#0f172a;font-weight:600}.grand-total-banner{color:#fff;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.grand-total-label{letter-spacing:.02em;font-size:12px;font-weight:700}.grand-total-value{font-size:15px;font-weight:800;font-family:var(--font-mono)}.signature-authorization-box{text-align:center;background-color:#fafbfc;border:1px dashed #cbd5e1;border-radius:6px;padding:8px 12px}.auth-company-title{color:#334155;margin-bottom:6px;font-size:9.5px;font-weight:700}.sign-display-area{justify-content:center;align-items:center;height:50px;display:flex}.signature-image{object-fit:contain;max-width:140px;max-height:48px}.signature-space{height:40px}.signatory-name-block{color:#0f172a;border-top:1px solid #cbd5e1;padding-top:4px;font-size:9px}.signatory-desig{color:#64748b;font-size:8.5px}.letterhead-footer-strip{margin-top:14px;padding-top:8px}.footer-line{opacity:.8;height:2px;margin-bottom:6px}.footer-content-row{color:#64748b;justify-content:center;gap:8px;font-size:8.5px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);background-color:#fff;flex-direction:column;width:100%;max-width:650px;max-height:90vh;animation:.2s ease-out modalIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-content.large{max-width:820px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-group{align-items:center;gap:.75rem;display:flex}.modal-icon-badge{border-radius:var(--radius-md);justify-content:center;align-items:center;width:42px;height:42px;display:flex}.modal-icon-badge.bg-primary-soft{background-color:var(--primary-soft);color:var(--primary)}.modal-subtitle{color:var(--slate-500);font-size:.785rem}.icon-btn-close{color:var(--slate-400);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px;transition:all .15s}.icon-btn-close:hover{background-color:var(--slate-100);color:var(--slate-700)}.modal-tabs{border-bottom:1px solid var(--border-subtle);background-color:var(--slate-50);padding:0 1rem;display:flex}.modal-tab{color:var(--slate-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.modal-tab:hover{color:var(--slate-900)}.modal-tab.active{color:var(--primary);border-bottom-color:var(--primary);background-color:#fff}.modal-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--slate-50);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.logo-upload-card{background-color:var(--slate-50);border:1px dashed var(--slate-300);border-radius:var(--radius-lg);grid-template-columns:180px 1fr;gap:1.25rem;margin-bottom:1.25rem;padding:1rem;display:grid}.logo-preview-box{border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:#fff;justify-content:center;align-items:center;height:110px;padding:.5rem;display:flex;position:relative;overflow:hidden}.logo-img-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.logo-img-wrapper img{object-fit:contain!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:90px!important}.logo-placeholder{color:var(--slate-400);flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.logo-upload-controls h4{color:var(--slate-900);font-size:.875rem}.help-text{color:var(--slate-500);margin-top:2px;font-size:.75rem}.logo-actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.upload-btn{cursor:pointer}.btn-danger-outline{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.logo-size-slider{color:var(--slate-600);align-items:center;gap:.75rem;margin-top:.75rem;font-size:.75rem;display:flex}.logo-size-slider input[type=range]{flex:1}.info-banner{color:#1e40af;border-radius:var(--radius-md);background-color:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.785rem;display:flex}.input-group-split{gap:.5rem;display:flex}.code-input{max-width:90px}.style-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.5rem;display:grid}.style-card{border:2px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer;padding:.85rem;transition:all .15s;position:relative}.style-card:hover{border-color:var(--primary)}.style-card.active{border-color:var(--primary);background-color:var(--primary-soft)}.style-card h5{color:var(--slate-900);margin-bottom:2px;font-size:.85rem}.style-card p{color:var(--slate-500);font-size:.725rem}.style-card-badge{color:var(--primary);position:absolute;top:8px;right:8px}.color-chip.selected{outline:2px solid var(--slate-800);outline-offset:2px}.custom-color-wrap{align-items:center;gap:.5rem;margin-left:.5rem;display:flex}.custom-color-input{border-radius:var(--radius-sm);cursor:pointer;border:none;width:36px;height:36px}.custom-color-label{font-size:.75rem;font-family:var(--font-mono);color:var(--slate-700)}.signature-upload-card{background-color:var(--slate-50);border:1px dashed var(--slate-300);border-radius:var(--radius-lg);grid-template-columns:180px 1fr;gap:1.25rem;padding:1rem;display:grid}.signature-preview-box{border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:#fff;justify-content:center;align-items:center;height:80px;display:flex}.signature-img{object-fit:contain;max-width:150px;max-height:70px}.signature-placeholder{color:var(--slate-400);flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;display:flex}.history-toolbar{background-color:var(--slate-50);border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.count-label{color:var(--slate-600);font-size:.8rem}.toolbar-actions{gap:.5rem;display:flex}.history-list-wrapper{max-height:380px;padding:1rem 1.5rem;overflow-y:auto}.empty-history-state{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.empty-history-state h4{color:var(--slate-800)}.empty-history-state p{color:var(--slate-500);max-width:340px;font-size:.8rem}.history-table{border-collapse:collapse;width:100%;font-size:.825rem}.history-table th{background-color:var(--slate-100);color:var(--slate-700);text-align:left;border-bottom:1px solid var(--slate-200);padding:.5rem .75rem}.history-table td{border-bottom:1px solid var(--slate-100);padding:.6rem .75rem}.action-buttons-group{justify-content:flex-end;gap:.35rem;display:flex}@media print{@page{size:A4 portrait;margin:10mm}body{color:#000!important;background-color:#fff!important}.erp-navbar,.invoice-editor-container,.modal-backdrop,.view-mode-pills,.no-print{display:none!important}.app-workspace{margin:0!important;padding:0!important;display:block!important}.invoice-sheet-container{gap:0!important;width:100%!important;margin:0!important;padding:0!important}.sheet-page-wrapper{page-break-after:always!important;break-after:page!important;width:100%!important;margin:0!important;padding:0!important}.sheet-page-wrapper:last-of-type{page-break-after:auto!important;break-after:auto!important}.page-indicator-badge{display:none!important}.invoice-sheet{box-shadow:none!important;box-sizing:border-box!important;page-break-after:always!important;break-after:page!important;border-radius:0!important;width:100%!important;max-width:100%!important;min-height:297mm!important;padding:24px 30px!important}.invoice-sheet:last-of-type{page-break-after:auto!important;break-after:auto!important}.top-brand-strip{top:-10px!important;left:0!important;right:0!important}}@media (width<=1024px){.app-workspace.split{grid-template-columns:1fr}.editor-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.erp-navbar{flex-direction:column;align-items:stretch;gap:.75rem}.navbar-right{flex-wrap:wrap;justify-content:flex-end}.editor-grid-4,.editor-grid-3,.editor-grid-2{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.invoice-parties-grid,.invoice-bottom-grid{grid-template-columns:1fr}}.editor-quick-customizer-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#2563eb14,#f8fafcf2);border:1px solid #2563eb40;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.customizer-callout-text{align-items:center;gap:.75rem;display:flex}.customizer-callout-text strong{color:var(--slate-900);font-size:.85rem}.customizer-callout-text p{color:var(--slate-600);margin-top:2px;font-size:.75rem}.btn-customizer-pill{border-color:var(--primary);color:var(--primary);background-color:#fff;font-weight:700;box-shadow:0 1px 3px #2563eb26}.btn-customizer-pill:hover{background-color:var(--primary);color:#fff}.label-with-toggle{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.toggle-eye-btn{cursor:pointer;color:var(--slate-400);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.toggle-eye-btn:hover{background-color:var(--slate-100);color:var(--slate-700)}.toggle-eye-btn.active{color:var(--primary)}.btn-field-toggle-inline{background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-700);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.btn-field-toggle-inline:hover{color:var(--primary);border-color:var(--primary);background-color:#fff}.btn-toggle-badge{background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-600);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.btn-toggle-badge.active{background-color:var(--primary-soft);color:var(--primary);border-color:var(--primary-border)}.btn-column-pill{background-color:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-600);border-radius:var(--radius-sm);cursor:pointer;padding:.25rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s}.btn-column-pill.active{background-color:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.single-party{grid-template-columns:1fr!important}.customizer-presets-bar{background-color:var(--slate-50);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1.5rem;display:flex}.presets-label{color:var(--slate-700);align-items:center;gap:.35rem;font-size:.785rem;font-weight:700;display:flex}.presets-btns{flex-wrap:wrap;gap:.4rem;display:flex}.customizer-modal-body{max-height:65vh;padding:1.25rem 1.5rem;overflow-y:auto}.customizer-sections-list{flex-direction:column;gap:1.25rem;display:flex}.customizer-section-card{border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:#fff;overflow:hidden}.customizer-section-header{background-color:var(--slate-100);border-bottom:1px solid var(--slate-200);padding:.6rem 1rem}.customizer-section-header h4{color:var(--slate-800);font-size:.85rem;font-weight:700}.customizer-switches-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.75rem;display:grid}@media (width<=640px){.customizer-switches-grid{grid-template-columns:1fr}}.customizer-switch-row{border-radius:var(--radius-sm);border:1px solid var(--slate-200);background-color:var(--slate-50);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:all .15s;display:flex}.customizer-switch-row:hover{border-color:var(--primary);background-color:#fff}.customizer-switch-row.active{background-color:#2563eb0a;border-color:#2563eb66}.switch-toggle-icon{align-items:center;margin-right:.5rem;display:flex}.switch-label{color:var(--slate-800);flex:1;font-size:.775rem;font-weight:600}.switch-pill{letter-spacing:.04em;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:800;transition:all .15s}.switch-pill.on{background-color:var(--success-soft);color:var(--success)}.switch-pill.off{background-color:var(--slate-200);color:var(--slate-500)}.header-align-quick-card,.editor-quick-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.align-quick-group{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.align-quick-title{color:var(--slate-700);white-space:nowrap;font-size:.75rem;font-weight:700}.size-slider-group{align-items:center;gap:.6rem;min-width:180px;margin-right:.75rem;display:flex}.watermark-quick-group{border-left:1px solid var(--slate-200);padding-left:.75rem}.quick-slider{accent-color:var(--primary);cursor:pointer;flex:1}.quick-size-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--slate-600);background-color:var(--slate-100);white-space:nowrap;border-radius:4px;padding:2px 6px;font-weight:600}.header-align-modal-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.header-main-row.logo-only-row{justify-content:space-between;align-items:center;min-height:85px;padding:6px 0;display:flex}.logo-only-row .company-branding{flex:1;align-items:center;display:flex}.logo-only-row .company-logo{object-fit:contain;display:block}.header-split-row{justify-content:space-between;align-items:center;gap:3.5rem;width:100%;padding:6px 0;display:flex}.header-left-col{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:200px;display:flex}.header-left-col .header-document-badge{text-align:left}.header-left-col .doc-meta-table{width:100%}.header-left-col .meta-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-right-logo-col{flex:1;justify-content:flex-end;align-items:center;display:flex}.letterhead-header.centered-header{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding-bottom:12px;position:relative}.centered-logo-block{justify-content:center;align-items:center;margin-bottom:8px;display:flex}.centered-company-info{margin-bottom:10px}.centered-company-info .company-name{margin-bottom:2px;font-size:17px;font-weight:800}.centered-tax-ids{color:#334155;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;font-size:9.5px;display:flex}.secondary-doc-bar.mt-2{margin-top:10px}.secondary-doc-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.doc-meta-horizontal{flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.invoice-watermark-overlay{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:center;max-width:90%;max-height:90%;transition:opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.invoice-watermark-img{object-fit:contain;pointer-events:none;max-width:100%;height:auto}.watermark-settings-card{background-color:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:1rem 1.25rem}.watermark-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.watermark-title-wrap{align-items:flex-start;gap:.75rem;display:flex}.watermark-title{color:var(--slate-800);margin-bottom:2px;font-size:.95rem;font-weight:700}.watermark-controls-body{border-top:1px solid var(--slate-200);padding-top:1rem}.watermark-upload-panel{border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:#fff;align-items:center;gap:1.25rem;padding:1rem;display:flex}.watermark-preview-frame{border:1px dashed var(--slate-300);border-radius:var(--radius-sm);background-color:#f8fafc;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:95px;display:flex;position:relative;overflow:hidden}.watermark-preview-img-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex}.watermark-badge{letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:8px;font-weight:700;position:absolute;bottom:3px}.watermark-badge.custom{color:#1d4ed8;background-color:#dbeafe;border:1px solid #bfdbfe}.watermark-badge.default{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.watermark-placeholder{color:var(--slate-400);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;display:flex}.watermark-upload-actions{flex:1}.watermark-btn-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-quick-wm-upload{cursor:pointer;background-color:#fff;align-items:center;gap:4px;display:inline-flex}.btn-primary-outline{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary-outline:hover{background-color:var(--primary-50)}.slider-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.slider-val-badge{color:var(--primary-600);background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700}.slider-hints{color:var(--slate-500);justify-content:space-between;margin-top:3px;font-size:.68rem;display:flex}.watermark-image-row{border-radius:var(--radius-sm);border:1px solid var(--slate-200);background-color:#fff;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.8rem;display:flex}.watermark-source-info{align-items:center;gap:.75rem;display:flex}.btn-text-danger{color:#dc2626!important;background:#fff5f5!important;border-color:#fecaca!important}.btn-text-danger:hover{background:#fee2e2!important}@media print{.invoice-watermark-overlay{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.btn-suite-hub-back{border:1px solid var(--slate-200);border-radius:var(--radius-sm);color:var(--slate-700);cursor:pointer;background-color:#fff;align-items:center;gap:6px;margin-right:.5rem;padding:5px 10px;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-suite-hub-back:hover{background-color:var(--slate-100);color:var(--primary);border-color:var(--primary-200);transform:translate(-2px)}.landing-page-wrapper{color:#0f172a;background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.landing-container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.landing-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #e2e8f0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.landing-brand{align-items:center;gap:.85rem;display:flex}.brand-logo-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden;box-shadow:0 4px 10px #2563eb33}.landing-brand-logo-img{object-fit:contain;background-color:#fff;width:100%;height:100%;padding:2px}.brand-suite-title{letter-spacing:-.01em;color:#0f172a;align-items:center;gap:6px;font-size:.95rem;font-weight:800;display:flex}.badge-suite{letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.brand-suite-sub{color:#64748b;margin:0;font-size:.72rem}.landing-nav-links{align-items:center;gap:1rem;display:flex}.landing-nav-link{color:#475569;border-radius:6px;padding:6px 10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s}.landing-nav-link:hover{color:#0f172a;background-color:#f1f5f9}.btn-landing-letterhead{background-color:#fff;align-items:center;gap:6px;display:inline-flex}.btn-landing-cta{align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-landing-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.landing-page-wrapper{position:relative;overflow-x:hidden}.ambient-floating-icons-container{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.page-float-icon{color:#fff;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:absolute}.page-float-icon:hover{z-index:20;transform:scale(1.22)rotate(8deg)!important}.icon-invoice{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px -2px #2563eb73,0 0 0 2px #ffffffe6}.icon-rupee{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px -2px #10b98173,0 0 0 2px #ffffffe6}.symbol-rupee{font-family:inherit;font-size:1.25rem;font-weight:900;line-height:1}.icon-signature{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 24px -2px #8b5cf673,0 0 0 2px #ffffffe6}.icon-upi{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px -2px #f59e0b73,0 0 0 2px #ffffffe6}.icon-gst{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 8px 24px -2px #eab30873,0 0 0 2px #ffffffe6}.icon-challan{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 24px -2px #f43f5e73,0 0 0 2px #ffffffe6}.icon-percent{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 24px -2px #06b6d473,0 0 0 2px #ffffffe6}.symbol-percent{font-size:1.15rem;font-weight:900;line-height:1}.icon-receipt{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 8px 24px -2px #0ea5e973,0 0 0 2px #ffffffe6}.icon-award{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 24px -2px #d9770673,0 0 0 2px #ffffffe6}.icon-po{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 8px 24px -2px #ef444473,0 0 0 2px #ffffffe6}.icon-payslip{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 24px -2px #05966973,0 0 0 2px #ffffffe6}.icon-privacy{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 8px 24px -2px #4f46e573,0 0 0 2px #ffffffe6}.icon-ai{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 8px 24px -2px #ec489973,0 0 0 2px #ffffffe6}.icon-pdf{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 8px 24px -2px #6366f173,0 0 0 2px #ffffffe6}.float-anim-1{animation:6.5s ease-in-out infinite pageIconFloat1}.float-anim-2{animation:7.2s ease-in-out infinite pageIconFloat2}.float-anim-3{animation:5.8s ease-in-out infinite pageIconFloat3}.float-anim-4{animation:8s ease-in-out infinite pageIconFloat4}@keyframes pageIconFloat1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(6deg)}}@keyframes pageIconFloat2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-8deg)}}@keyframes pageIconFloat3{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-11px)rotate(-6deg)scale(1.05)}}@keyframes pageIconFloat4{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(13px)rotate(7deg)scale(.96)}}@media (width<=1024px){.page-float-icon{width:36px;height:36px}.page-float-icon svg{width:15px;height:15px}.symbol-rupee{font-size:1.05rem}.symbol-percent{font-size:.95rem}}@media (width<=640px){.page-float-icon{opacity:.7;width:32px;height:32px}}.landing-hero{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;padding:4.5rem 0 4rem;position:relative;overflow:hidden}.hero-bg-effects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(70px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#2563eb47 0%,#0000 70%);width:480px;height:480px;animation:14s ease-in-out infinite alternate orbFloat1;top:-120px;left:10%}.hero-orb-2{background:radial-gradient(circle,#06b6d440 0%,#0000 70%);width:520px;height:520px;animation:18s ease-in-out infinite alternate orbFloat2;bottom:-150px;right:5%}.hero-orb-3{background:radial-gradient(circle,#8b5cf633 0%,#0000 70%);width:380px;height:380px;animation:12s ease-in-out infinite alternate orbFloat3;top:25%;left:45%}.hero-grid-mesh{opacity:.8;background-image:linear-gradient(90deg,#e2e8f073 1px,#0000 1px),linear-gradient(#e2e8f073 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 20%,#0000 80%);mask-image:radial-gradient(circle at 50% 40%,#000 20%,#0000 80%)}.hero-container-rel{z-index:1;position:relative}.hero-grid-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;display:grid}@media (width<=1080px){.hero-grid-layout{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content-col{flex-direction:column;align-items:center;display:flex}.hero-cta-group,.hero-tool-pills-bar{justify-content:center}}.hero-pill-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e293b;background-color:#fffffff2;border:1px solid #cbd5e1;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:6px 16px;font-size:.78rem;font-weight:700;animation:.6s ease-out heroFadeUp;display:inline-flex;box-shadow:0 4px 12px #0000000a}.live-status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.66,0,0,1) infinite pulseDot;box-shadow:0 0 #10b981b3}.pulse-icon{animation:3s linear infinite sparkleRotate}.hero-main-title{letter-spacing:-.035em;color:#0f172a;margin-bottom:1.25rem;font-size:3.1rem;font-weight:900;line-height:1.14;animation:.7s ease-out heroFadeUp}@media (width<=640px){.hero-main-title{font-size:2.3rem}}.gradient-text{background:linear-gradient(135deg,#1d4ed8 0%,#4f46e5 45%,#06b6d4 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:4s linear infinite shimmerGradient}.hero-description{color:#475569;max-width:620px;margin-bottom:2rem;font-size:1.1rem;line-height:1.65;animation:.8s ease-out heroFadeUp}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.75rem;animation:.9s ease-out heroFadeUp;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 26px;font-size:.96rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #2563eb59}.btn-hero-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-hero-primary:hover{transform:translateY(-2.5px);box-shadow:0 12px 30px #2563eb73}.btn-hero-primary:hover:after{left:100%}.btn-hero-primary .arrow-shift{transition:transform .2s}.btn-hero-primary:hover .arrow-shift{transform:translate(4px)}.btn-hero-secondary:hover{background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.hero-tool-pills-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2rem;animation:1s ease-out heroFadeUp;display:flex}.tool-pills-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-right:2px;font-size:.76rem;font-weight:700}.tool-pills-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hero-tool-chip{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #0000;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .18s}.hero-tool-chip:hover{color:#0f172a;background-color:#e2e8f0}.hero-tool-chip.active{color:#1d4ed8;background-color:#eff6ff;border-color:#bfdbfe;font-weight:700;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb1f}.hero-metrics-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffd9;border:1px solid #e2e8f0;border-radius:14px;align-items:center;width:100%;max-width:600px;padding:.85rem 1.5rem;animation:1.1s ease-out heroFadeUp;display:flex;box-shadow:0 4px 16px #00000008}.metric-item{flex-direction:column;flex:1;align-items:center;display:flex}.metric-val{color:#0f172a;font-size:1.15rem;font-weight:800}.metric-label{color:#64748b;text-align:center;margin-top:2px;font-size:.68rem;font-weight:600}.metric-divider{background-color:#e2e8f0;width:1px;height:30px}.hero-showcase-stage{perspective:1200px;justify-content:center;align-items:center;padding:1.5rem .5rem;display:flex;position:relative}.floating-chip-color{z-index:12;-webkit-backdrop-filter:blur(12px);pointer-events:auto;cursor:default;background:#fffffff0;border-radius:14px;align-items:center;gap:11px;padding:8px 14px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;display:flex;position:absolute;box-shadow:0 10px 28px -6px #0000001f,0 0 0 1px #ffffffe6}.floating-chip-color:hover{z-index:25;transform:scale(1.06)!important}.chip-color-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #00000026}.bg-emerald-gradient{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.bg-purple-gradient{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.bg-amber-gradient{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-rose-gradient{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48)}.bg-sky-gradient{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7)}.bg-gold-gradient{color:#fff;background:linear-gradient(135deg,#eab308,#ca8a04)}.chip-color-text{flex-direction:column;gap:1px;display:flex}.chip-color-header{align-items:center;gap:7px;display:flex}.chip-color-title{color:#0f172a;letter-spacing:-.01em;font-size:.76rem;font-weight:800}.chip-color-sub{color:#64748b;font-size:.65rem;font-weight:600;line-height:1.2}.chip-badge-pill{letter-spacing:.04em;border-radius:100px;padding:1.5px 6px;font-size:.6rem;font-weight:800;line-height:1.3}.pill-emerald{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.pill-purple{color:#7e22ce;background-color:#f3e8ff;border:1px solid #e9d5ff}.pill-amber{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.pill-rose{color:#be123c;background-color:#ffe4e6;border:1px solid #fecdd3}.pill-sky{color:#0369a1;background-color:#e0f2fe;border:1px solid #bae6fd}.pill-gold{color:#a16207;background-color:#fef9c3;border:1px solid #fef08a}.chip-gst-tax{border:1px solid #10b98173;animation:5.4s ease-in-out infinite floatColor1;top:-26px;left:-32px;box-shadow:0 12px 28px -6px #10b9814d,0 0 0 1px #ffffffe6}.chip-digital-sign{border:1px solid #8b5cf673;animation:6.6s ease-in-out infinite floatColor2;top:30px;right:-42px;box-shadow:0 12px 28px -6px #8b5cf64d,0 0 0 1px #ffffffe6}.chip-upi-qr{border:1px solid #f59e0b73;animation:7.4s ease-in-out infinite floatColor3;top:185px;right:-48px;box-shadow:0 12px 28px -6px #f59e0b4d,0 0 0 1px #ffffffe6}.chip-challan-dispatch{border:1px solid #f43f5e73;animation:6.8s ease-in-out infinite floatColor4;bottom:85px;left:-48px;box-shadow:0 12px 28px -6px #f43f5e4d,0 0 0 1px #ffffffe6}.chip-revenue-stamp{border:1px solid #0ea5e973;animation:8.2s ease-in-out infinite floatColor5;bottom:-24px;right:-12px;box-shadow:0 12px 28px -6px #0ea5e94d,0 0 0 1px #ffffffe6}.chip-cert-seal{border:1px solid #d9770673;animation:7.1s ease-in-out infinite floatColor6;bottom:-22px;left:35px;box-shadow:0 12px 28px -6px #d977064d,0 0 0 1px #ffffffe6}@keyframes floatColor1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1.2deg)}}@keyframes floatColor2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(-1.5deg)}}@keyframes floatColor3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-1.2deg)}}@keyframes floatColor4{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(1.5deg)}}@keyframes floatColor5{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-1deg)}}@keyframes floatColor6{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(1deg)}}@media (width<=1280px){.chip-gst-tax{left:-15px}.chip-digital-sign{right:-20px}.chip-upi-qr{right:-25px}.chip-challan-dispatch{left:-25px}}@media (width<=900px){.floating-chip-color{display:none}}.hero-mockup-card{background:#fff;border:1px solid #cbd5e1;border-radius:20px;width:100%;max-width:480px;transition:transform .4s,box-shadow .4s;overflow:hidden;transform:rotateY(-3deg)rotateX(2deg);box-shadow:0 25px 50px -12px #0f172a26,0 0 0 1px #fffc,0 12px 24px -8px #2563eb14}.hero-mockup-card:hover{transform:rotateY(0)rotateX(0)translateY(-4px);box-shadow:0 30px 60px -12px #0f172a33,0 0 0 1px #2563eb33}.mockup-window-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mockup-window-dots{gap:6px;display:flex}.mockup-window-dots .dot{border-radius:50%;width:10px;height:10px}.mockup-window-dots .dot.red{background-color:#ef4444}.mockup-window-dots .dot.yellow{background-color:#f59e0b}.mockup-window-dots .dot.green{background-color:#10b981}.mockup-window-title{color:#64748b;letter-spacing:-.01em;font-size:.72rem;font-weight:700}.badge-live-tag{letter-spacing:.05em;color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:100px;padding:2px 7px;font-size:.62rem;font-weight:800}.mockup-doc-body{padding:20px}.mockup-doc-header{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:14px;display:flex}.mockup-doc-brand{align-items:center;gap:10px;display:flex}.mockup-brand-logo{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #00000014}.mockup-brand-logo img{object-fit:contain;border-radius:8px;width:100%;height:100%}.mockup-company-name{color:#0f172a;font-size:.85rem;font-weight:800;line-height:1.2}.mockup-company-sub{color:#64748b;margin-top:1px;font-size:.68rem}.mockup-doc-meta{text-align:right}.mockup-doc-type{letter-spacing:.03em;text-transform:uppercase;font-size:.74rem;font-weight:800}.mockup-doc-number{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:800}.mockup-doc-date{color:#64748b;margin-top:1px;font-size:.66rem}.mockup-client-strip{background-color:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:.74rem;display:flex}.mockup-label{color:#64748b;font-size:.7rem}.mockup-client-name{color:#1e293b;font-weight:700}.mockup-table{background:#fff;border:1px solid #f1f5f9;border-radius:10px;margin-bottom:14px;overflow:hidden}.mockup-table-header{text-transform:uppercase;color:#475569;background-color:#f1f5f9;grid-template-columns:2fr 1fr 1fr;padding:6px 10px;font-size:.65rem;font-weight:700;display:grid}.mockup-table-row{border-top:1px solid #f8fafc;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:7px 10px;font-size:.72rem;display:grid}.mockup-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;padding-right:6px;font-weight:600;overflow:hidden}.mockup-item-qty{text-align:center;color:#64748b;font-size:.68rem}.mockup-item-rate{text-align:right;color:#0f172a;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.mockup-summary-strip{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 12px;display:flex}.mockup-stamp-seal{background:#fff;border:1.5px dashed;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.mockup-tax-sub{color:#64748b;margin-top:4px;font-size:.62rem;display:block}.mockup-total-block{text-align:right}.mockup-total-label{text-transform:uppercase;color:#64748b;font-size:.64rem;font-weight:700;display:block}.mockup-total-val{font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:900}.mockup-card-action{margin-top:6px}.btn-mockup-launch{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb40}.btn-mockup-launch:hover{transform:translateY(-1.5px);box-shadow:0 6px 18px #2563eb59}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}to{transform:translate(-20px,50px)scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,-40px)scale(1.12)}to{transform:translate(30px,-20px)scale(.92)}}@keyframes orbFloat3{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,-30px)scale(1.15)}to{transform:translate(-35px,20px)scale(.88)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 7px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes shimmerGradient{0%{background-position:0%}to{background-position:200%}}@keyframes sparkleRotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(15deg)scale(1.1)}to{transform:rotate(0)scale(1)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tool-card{transition:all .28s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tool-card:before{content:"";opacity:0;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6);height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.tool-card:hover:before{opacity:1}.tool-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px -8px #2563eb29}.tool-card:hover .tool-icon-box{transition:transform .25s cubic-bezier(.16,1,.3,1);transform:scale(1.1)rotate(3deg)}.feature-card{transition:all .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px -6px #00000014}.tools-section{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:5rem 0}.section-header-center{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-pill{letter-spacing:.08em;color:var(--primary);background-color:#2563eb14;border-radius:100px;margin-bottom:.75rem;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.section-title{letter-spacing:-.02em;color:#0f172a;margin-bottom:.75rem;font-size:2.1rem;font-weight:800}.section-sub{color:#64748b;font-size:.95rem;line-height:1.5}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.75rem;display:grid}.tool-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.75rem;transition:all .22s;display:flex;position:relative;box-shadow:0 4px 12px #00000005}.tool-card-active{cursor:pointer;border-color:#bfdbfe}.tool-card-active:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #2563eb1f}.tool-card-locked{opacity:.85;background-color:#fafbfc}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.tool-icon-box{background-color:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.tool-card-active .tool-icon-box{background-color:#eff6ff}.tool-badge{border-radius:100px;padding:3px 9px;font-size:.7rem;font-weight:700}.badge-active{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.badge-upcoming{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.tool-card-title{color:#0f172a;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.tool-card-desc{color:#64748b;flex-grow:1;margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.tool-features-list{border-top:1px solid #f1f5f9;flex-direction:column;gap:.45rem;margin:0 0 1.5rem;padding:1rem 0 0;list-style:none;display:flex}.tool-features-list li{color:#334155;align-items:center;gap:7px;font-size:.78rem;font-weight:500;display:flex}.feature-check-icon{color:#10b981;flex-shrink:0}.tool-card-footer{margin-top:auto}.btn-launch-tool{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex}.btn-launch-tool:hover{filter:brightness(1.08)}.tool-coming-soon-btn{text-align:center;color:#94a3b8;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:9px 16px;font-size:.82rem;font-weight:600}.features-section{background-color:#f8fafc;padding:5rem 0}.features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.feature-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.75rem;box-shadow:0 2px 8px #00000005}.feature-icon-circle{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;display:flex}.bg-blue-soft{background-color:#eff6ff}.bg-emerald-soft{background-color:#ecfdf5}.bg-purple-soft{background-color:#eef2ff}.bg-amber-soft{background-color:#fffbeb}.text-indigo{color:#4f46e5}.text-amber{color:#f59e0b}.text-rose{color:#f43f5e}.feature-card h4{color:#0f172a;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.feature-card p{color:#64748b;margin:0;font-size:.825rem;line-height:1.55}.landing-bottom-cta{background-color:#f8fafc;padding:3rem 0 5rem}.cta-banner-card{text-align:center;color:#fff;border-radius:20px;padding:3.5rem 2rem;box-shadow:0 10px 30px #0f172a26}.cta-content h2{margin-bottom:.75rem;font-size:2.2rem;font-weight:800}.cta-content p{color:#cbd5e1;max-width:550px;margin:0 auto;font-size:1rem}.btn-cta-launch{color:#0f172a;cursor:pointer;background-color:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 15px #00000026}.btn-cta-launch:hover{background-color:#f8fafc;transform:translateY(-2px)}.landing-footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-brand{color:#0f172a;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.footer-copy{color:#94a3b8;margin:4px 0 0;font-size:.75rem}.footer-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;transition:color .15s}.footer-link-btn:hover{color:var(--primary)}.footer-dot{color:#cbd5e1}@media (width<=768px){.hero-main-title{font-size:2.2rem}.landing-nav-links{display:none}.hero-metrics-bar{flex-direction:column;gap:1rem}.metric-divider{width:60%;height:1px}}.certificate-studio-layout,.cert-app-layout{background-color:var(--bg-canvas);flex-direction:column;min-height:100vh;display:flex}.cert-navbar{border-bottom:1px solid var(--border-subtle);z-index:50;box-shadow:var(--shadow-sm);background-color:#fff;position:sticky;top:0}.cert-navbar .brand-title{color:var(--slate-900)}.cert-navbar .brand-sub{color:var(--slate-500)}.cert-nav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1700px;margin:0 auto;padding:.65rem 1.5rem;display:flex}.cert-nav-left,.cert-nav-center,.cert-nav-right{align-items:center;gap:.75rem;display:flex}.btn-back-hub{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-back-hub:hover{color:#fff;background:#ffffff1f}.cert-nav-brand{align-items:center;gap:10px;display:flex}.cert-brand-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #f59e0b59}.cert-brand-title{color:#fff;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.cert-badge-pill{color:#fbbf24;text-transform:uppercase;letter-spacing:.05em;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:9999px;padding:2px 7px;font-size:.65rem;font-weight:700}.cert-view-pill-group{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.cert-pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.cert-pill-btn:hover{color:#fff}.cert-pill-btn.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f666}.btn-cert-nav{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex;position:relative}.btn-cert-nav:hover{color:#fff;background:#ffffff1f;transform:translateY(-1px)}.btn-cert-nav.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 14px #2563eb59}.btn-cert-nav.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.cert-studio-body{flex:1;grid-template-columns:460px 1fr;height:calc(100vh - 60px);display:grid;overflow:hidden}.cert-studio-body.preview-only,.cert-studio-body.editor-only{grid-template-columns:1fr}.cert-editor-sidebar{color:#e2e8f0;background:#1e293b;border-right:1px solid #ffffff14;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.cert-editor-section-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.15rem;position:relative}.cert-section-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.cert-section-title{color:#fff;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:flex}.cert-section-title svg{color:#f59e0b}.cert-preset-scroll{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.preset-chip-btn{color:#94a3b8;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;padding:5px 10px;font-size:.725rem;font-weight:600;transition:all .15s}.preset-chip-btn:hover{color:#fff;background:#ffffff1a}.preset-chip-btn.active{color:#0f172a;background:#f59e0b;border-color:#f59e0b;font-weight:700}.cert-template-picker-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.cert-template-chip{color:#64748b;text-align:left;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;transition:all .18s;display:flex}.cert-template-chip strong{color:#0f172a;font-size:.8rem}.cert-template-chip.active strong{color:#92400e}.cert-template-chip span{color:#64748b;font-size:.7rem;line-height:1.35}.cert-template-chip.active span{color:#b45309}.cert-color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cert-color-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s;box-shadow:0 2px 6px #00000026}.cert-color-circle:hover{transform:scale(1.15)}.cert-color-circle.active{border-color:#fff;outline:2px solid #3b82f6}.cert-form-group{flex-direction:column;gap:4px;margin-bottom:.75rem;display:flex}.cert-form-label-row{justify-content:space-between;align-items:center;display:flex}.cert-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:.725rem;font-weight:600}.cert-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.cert-eye-btn:hover{color:#0f172a}.cert-eye-btn.active{color:#2563eb}.cert-input,.cert-textarea,.cert-select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-size:.8rem;transition:border-color .15s}.cert-input:focus,.cert-textarea:focus,.cert-select:focus{border-color:#2563eb}.cert-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cert-media-uploader{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:8px 10px;display:flex}.cert-media-preview-mini{object-fit:contain;background:#fff;border-radius:4px;width:48px;height:32px;padding:2px}.cert-workspace{background-color:var(--bg-canvas)}.cert-workspace .editor-column{background-color:#0000}.cert-workspace .preview-column{background-color:#0000;justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem;display:flex;overflow:auto}.certificate-preview-container{justify-content:center;align-items:center;width:100%;display:flex}@media (width<=1750px){.cert-workspace.split .certificate-preview-container{transform-origin:top;margin-bottom:-85px;transform:scale(.88)}}@media (width<=1550px){.cert-workspace.split .certificate-preview-container{transform-origin:top;margin-bottom:-155px;transform:scale(.78)}}@media (width<=1380px){.cert-workspace.split .certificate-preview-container{transform-origin:top;margin-bottom:-225px;transform:scale(.68)}}.certificate-sheet{color:#0f172a;box-sizing:border-box;background-color:#fff;border-radius:4px;flex-direction:column;width:1000px;min-width:1000px;max-width:1000px;height:707px;min-height:707px;max-height:707px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px -8px #0f172a1f,0 4px 12px #0f172a0f,0 0 0 1px #0f172a14}.certificate-watermark-overlay{pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.certificate-watermark-img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:grayscale();max-width:90%;max-height:90%}.cert-outer-border{box-sizing:border-box;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:16px}.cert-inner-border{pointer-events:auto;box-sizing:border-box;text-align:center;z-index:2;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px 38px 18px;display:flex;position:relative}.cert-corner-ornament{pointer-events:none;width:32px;height:32px;position:absolute}.cert-corner-ornament.top-left{border-top:3px double var(--cert-primary);border-left:3px double var(--cert-primary);top:6px;left:6px}.cert-corner-ornament.top-right{border-top:3px double var(--cert-primary);border-right:3px double var(--cert-primary);top:6px;right:6px}.cert-corner-ornament.bottom-left{border-bottom:3px double var(--cert-primary);border-left:3px double var(--cert-primary);bottom:6px;left:6px}.cert-corner-ornament.bottom-right{border-bottom:3px double var(--cert-primary);border-right:3px double var(--cert-primary);bottom:6px;right:6px}.cert-template-classic-gold{background:radial-gradient(circle,#fff 0%,#fdfbf7 70%,#faf5eb 100%)}.cert-template-classic-gold .cert-outer-border{border:4px solid var(--cert-primary);outline-offset:4px;outline:1.5px solid #b4530959}.cert-template-classic-gold .cert-inner-border{border:1px dashed #b4530973}.cert-template-classic-gold .cert-main-title{letter-spacing:.08em;font-family:Cinzel,serif;font-weight:800}.cert-template-classic-gold .cert-recipient-name{color:#1e293b;font-family:Playfair Display,serif;font-style:italic;font-weight:700}.cert-template-modern-corporate{background:#fff}.cert-template-modern-corporate:before{content:"";background:linear-gradient(90deg, var(--cert-primary), #3b82f6, #0284c7);height:10px;position:absolute;top:0;left:0;right:0}.cert-template-modern-corporate:after{content:"";background:linear-gradient(90deg, #0284c7, #3b82f6, var(--cert-primary));height:10px;position:absolute;bottom:0;left:0;right:0}.cert-template-modern-corporate .cert-outer-border{border:1.5px solid #cbd5e1}.cert-template-modern-corporate .cert-inner-border{border:none}.cert-template-modern-corporate .cert-corner-ornament{display:none}.cert-template-modern-corporate .cert-main-title{font-family:var(--font-sans);letter-spacing:.12em;font-weight:900}.cert-template-modern-corporate .cert-recipient-name{font-family:var(--font-sans);letter-spacing:-.01em;color:#0f172a;font-weight:800}.cert-template-minimal-prestige{background:#fff}.cert-template-minimal-prestige .cert-outer-border{border:1px solid #0f172a;margin:6px}.cert-template-minimal-prestige .cert-inner-border{border:1px solid #e2e8f0}.cert-template-minimal-prestige .cert-corner-ornament{display:none}.cert-template-minimal-prestige .cert-main-title{letter-spacing:.22em;font-family:Cinzel,serif;font-weight:700}.cert-template-minimal-prestige .cert-recipient-name{letter-spacing:.02em;color:#0f172a;font-family:Playfair Display,serif;font-weight:600}.cert-template-tech-gradient{color:#f8fafc;background:#090d16}.cert-template-tech-gradient .cert-outer-border{border:2px solid #38bdf8;border-radius:8px;box-shadow:0 0 25px #38bdf840,inset 0 0 15px #38bdf81a}.cert-template-tech-gradient .cert-inner-border{background:#0f172a99;border:1px solid #ffffff1a;border-radius:6px}.cert-template-tech-gradient .cert-corner-ornament{display:none}.cert-template-tech-gradient .cert-main-title{font-family:var(--font-sans);letter-spacing:.14em;background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900}.cert-template-tech-gradient .cert-recipient-name{font-family:var(--font-sans);color:#fff;text-shadow:0 0 24px #38bdf859;font-weight:800}.cert-template-tech-gradient .cert-issuer-name,.cert-template-tech-gradient .cert-sig-name{color:#fff}.cert-template-tech-gradient .cert-subtitle,.cert-template-tech-gradient .cert-reason-text,.cert-template-tech-gradient .cert-bottom-bar,.cert-template-tech-gradient .cert-sig-title,.cert-template-tech-gradient .qr-hint{color:#94a3b8}.cert-template-tech-gradient .cert-meta-pill{background:#ffffff14;border-color:#ffffff26}.cert-template-tech-gradient .cert-meta-pill .meta-val{color:#38bdf8}.cert-template-tech-gradient .cert-sig-line,.cert-template-tech-gradient .cert-bottom-bar{border-color:#ffffff26}.cert-template-vintage-parchment{color:#3d2c1d;background:radial-gradient(circle,#fffef8 0%,#fbf6e8 70%,#f2e8cf 100%)}.cert-template-vintage-parchment .cert-outer-border{outline-offset:6px;border:4px double #78350f;outline:1.5px solid #78350f66}.cert-template-vintage-parchment .cert-inner-border{background:#ffffff59;border:1px solid #78350f59}.cert-template-vintage-parchment .cert-corner-ornament{border-color:#78350f;width:36px;height:36px}.cert-template-vintage-parchment .cert-corner-ornament.top-left{border-top:4px double #78350f;border-left:4px double #78350f}.cert-template-vintage-parchment .cert-corner-ornament.top-right{border-top:4px double #78350f;border-right:4px double #78350f}.cert-template-vintage-parchment .cert-corner-ornament.bottom-left{border-bottom:4px double #78350f;border-left:4px double #78350f}.cert-template-vintage-parchment .cert-corner-ornament.bottom-right{border-bottom:4px double #78350f;border-right:4px double #78350f}.cert-template-vintage-parchment .cert-main-title{letter-spacing:.1em;color:#451a03;font-family:Playfair Display,serif;font-weight:900}.cert-template-vintage-parchment .cert-recipient-name{color:#291507;text-shadow:1px 1px #fffc;font-family:Playfair Display,serif;font-style:italic;font-weight:700}.cert-template-vintage-parchment .cert-issuer-name,.cert-template-vintage-parchment .cert-sig-name{color:#451a03}.cert-template-vintage-parchment .cert-subtitle,.cert-template-vintage-parchment .cert-reason-text,.cert-template-vintage-parchment .cert-sig-title,.cert-template-vintage-parchment .cert-bottom-bar{color:#78350f}.cert-template-vintage-parchment .cert-meta-pill{background:#78350f14;border-color:#78350f33}.cert-template-vintage-parchment .cert-meta-pill .meta-val{color:#451a03}.cert-template-vintage-parchment .cert-sig-line,.cert-template-vintage-parchment .cert-bottom-bar{border-color:#78350f4d}.cert-template-emerald-excellence{color:#064e3b;background:radial-gradient(circle,#fff 0%,#f0fdf4 70%,#dcfce7 100%)}.cert-template-emerald-excellence:before{content:"";background:linear-gradient(90deg,#064e3b,#059669,#d97706,#059669,#064e3b);height:12px;position:absolute;top:0;left:0;right:0}.cert-template-emerald-excellence:after{content:"";background:linear-gradient(90deg,#064e3b,#059669,#d97706,#059669,#064e3b);height:12px;position:absolute;bottom:0;left:0;right:0}.cert-template-emerald-excellence .cert-outer-border{outline-offset:4px;border:3.5px solid #064e3b;outline:1.5px solid #d97706}.cert-template-emerald-excellence .cert-inner-border{border:1px dashed #064e3b73}.cert-template-emerald-excellence .cert-corner-ornament.top-left{border-top:3.5px double #d97706;border-left:3.5px double #d97706}.cert-template-emerald-excellence .cert-corner-ornament.top-right{border-top:3.5px double #d97706;border-right:3.5px double #d97706}.cert-template-emerald-excellence .cert-corner-ornament.bottom-left{border-bottom:3.5px double #d97706;border-left:3.5px double #d97706}.cert-template-emerald-excellence .cert-corner-ornament.bottom-right{border-bottom:3.5px double #d97706;border-right:3.5px double #d97706}.cert-template-emerald-excellence .cert-main-title{letter-spacing:.12em;color:#064e3b;font-family:Cinzel,serif;font-weight:900}.cert-template-emerald-excellence .cert-recipient-name{color:#022c22;font-family:Playfair Display,serif;font-weight:700}.cert-template-emerald-excellence .cert-meta-pill{background:#ecfdf5;border-color:#a7f3d0}.cert-template-emerald-excellence .cert-meta-pill .meta-val{color:#065f46}.cert-template-geometric-bold{color:#0f172a;background:#fff}.cert-template-geometric-bold:before{content:"";background:linear-gradient(135deg, var(--cert-primary), #f59e0b);clip-path:polygon(0 0,100% 0,0 100%);z-index:1;width:130px;height:130px;position:absolute;top:0;left:0}.cert-template-geometric-bold:after{content:"";background:linear-gradient(135deg, #0284c7, var(--cert-primary));clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1;width:130px;height:130px;position:absolute;bottom:0;right:0}.cert-template-geometric-bold .cert-outer-border{border:2px solid #0f172a}.cert-template-geometric-bold .cert-inner-border{border:none}.cert-template-geometric-bold .cert-corner-ornament{display:none}.cert-template-geometric-bold .cert-main-title{font-family:var(--font-sans);letter-spacing:.15em;color:#0f172a;font-weight:900}.cert-template-geometric-bold .cert-recipient-name{font-family:var(--font-sans);letter-spacing:-.02em;color:#0f172a;font-weight:900}.cert-template-geometric-bold .cert-recipient-underline{background:var(--cert-primary);height:3px}.cert-template-monogram-crest{color:#0f172a;background:#f8fafc}.cert-template-monogram-crest .cert-outer-border{outline-offset:5px;border:4px solid #1e3a8a;outline:2px solid #94a3b8}.cert-template-monogram-crest .cert-inner-border{background:#fff;border:1px solid #cbd5e1;box-shadow:inset 0 0 35px #1e3a8a0a}.cert-template-monogram-crest .cert-corner-ornament{border-color:#94a3b8}.cert-template-monogram-crest .cert-corner-ornament.top-left{border-top:3px solid #1e3a8a;border-left:3px solid #1e3a8a}.cert-template-monogram-crest .cert-corner-ornament.top-right{border-top:3px solid #1e3a8a;border-right:3px solid #1e3a8a}.cert-template-monogram-crest .cert-corner-ornament.bottom-left{border-bottom:3px solid #1e3a8a;border-left:3px solid #1e3a8a}.cert-template-monogram-crest .cert-corner-ornament.bottom-right{border-bottom:3px solid #1e3a8a;border-right:3px solid #1e3a8a}.cert-template-monogram-crest .cert-main-title{letter-spacing:.16em;color:#1e3a8a;font-family:Cinzel,serif;font-weight:800}.cert-template-monogram-crest .cert-recipient-name{color:#0f172a;font-family:Playfair Display,serif;font-style:italic;font-weight:700}.cert-template-monogram-crest .cert-meta-pill{background:#f1f5f9;border-color:#cbd5e1}.cert-template-monogram-crest .cert-meta-pill .meta-val{color:#1e3a8a}.chip-tag{color:#475569;text-transform:uppercase;letter-spacing:.04em;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:700}.cert-header{justify-content:center;align-items:center;gap:14px;margin-top:4px;display:flex}.cert-issuer-logo-box{justify-content:center;align-items:center;display:flex}.cert-issuer-logo{object-fit:contain;max-width:160px;max-height:48px}.cert-logo-fallback{justify-content:center;align-items:center;display:flex}.cert-issuer-text{text-align:left}.cert-issuer-name{letter-spacing:.08em;text-transform:uppercase;color:#334155;margin:0;font-size:.95rem;font-weight:800;line-height:1.2}.cert-issuer-tagline{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:2px 0 0;font-size:.68rem}.cert-title-section{margin-top:8px}.cert-main-title{text-transform:uppercase;margin:0;font-size:2.15rem;line-height:1.15}.cert-title-rule{background:#cbd5e1;justify-content:center;align-items:center;width:140px;height:1px;margin:5px auto;display:flex;position:relative}.rule-diamond{width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.cert-subtitle{letter-spacing:.15em;text-transform:uppercase;color:#64748b;margin:4px 0 0;font-size:.775rem;font-weight:600}.cert-recipient-section{margin-top:4px}.cert-recipient-name{letter-spacing:-.01em;margin:0;font-size:2.7rem;line-height:1.15}.cert-recipient-underline{width:360px;height:1.5px;margin:4px auto 0}.cert-reason-section{max-width:820px;margin:8px auto 0}.cert-reason-text{color:#475569;margin:0;font-size:.88rem;line-height:1.55}.cert-meta-tags{justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.cert-meta-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:3px 12px;font-size:.75rem;display:inline-flex}.cert-meta-pill .meta-label{color:#64748b;font-weight:600}.cert-meta-pill .meta-val{color:#0f172a;font-weight:700}.cert-footer-grid{grid-template-columns:220px 1fr 220px;align-items:flex-end;margin-top:auto;padding:0 10px;display:grid}.cert-signatory-col{flex-direction:column;display:flex}.cert-signatory-col.text-left{text-align:left;align-items:flex-start}.cert-signatory-col.text-right{text-align:right;align-items:flex-end}.cert-signature-space{align-items:flex-end;height:44px;margin-bottom:4px;display:flex}.cert-sig-img{object-fit:contain;max-width:140px;max-height:42px}.cert-sig-script{font-family:Great Vibes,Alex Brush,cursive;font-size:1.85rem;line-height:1}.cert-sig-line{border-bottom:1.5px solid #94a3b8;width:175px;margin-bottom:4px}.cert-sig-name{color:#0f172a;margin:0;font-size:.8rem;font-weight:700}.cert-sig-title{color:#64748b;margin:0;font-size:.7rem}.cert-center-seal-col{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.cert-seal-badge{flex-direction:column;align-items:center;display:flex;position:relative}.cert-seal-inner{text-align:center;border:3px double;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;padding:4px;display:flex;box-shadow:0 4px 12px #00000014}.seal-text-top{letter-spacing:.08em;margin-top:2px;font-family:Cinzel,serif;font-size:.52rem;font-weight:900}.seal-text-sub{letter-spacing:.04em;opacity:.85;font-size:.42rem;font-weight:700}.cert-seal-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);width:16px;height:16px;margin-top:-6px}.cert-qr-mini{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:2px 7px;display:inline-flex}.cert-qr-img{object-fit:contain;width:30px;height:30px}.qr-hint{color:#64748b;font-size:.62rem;font-weight:600}.cert-bottom-bar{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;font-size:.72rem;display:flex}.cert-bottom-meta{align-items:center;gap:4px;display:flex}.cert-bottom-meta .label{color:#94a3b8}.cert-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cert-modal-card{color:#fff;background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.cert-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cert-modal-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.cert-modal-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.cert-history-list{flex-direction:column;gap:8px;display:flex}.cert-history-row{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.cert-history-row:hover{background:#0f172ae6;border-color:#ffffff26}.cert-history-info strong{color:#fff;font-size:.875rem;display:block}.cert-history-info span{color:#94a3b8;font-size:.725rem}.cert-history-actions{align-items:center;gap:6px;display:flex}.btn-cert-hist-load{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:background .15s}.btn-cert-hist-load:hover{background:#2563eb}.btn-cert-hist-del{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:5px 8px;font-size:.75rem;transition:all .15s}.btn-cert-hist-del:hover{background:#ef44441a}@media print{body.printing-certificate{background:#fff!important;margin:0!important;padding:0!important}body.printing-certificate *{visibility:hidden}body.printing-certificate #printable-certificate,body.printing-certificate #printable-certificate *{visibility:visible}body.printing-certificate #printable-certificate{width:297mm!important;max-width:297mm!important;height:210mm!important;max-height:210mm!important;box-shadow:none!important;page-break-after:avoid!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}@page{size:A4 landscape;margin:0}}.btn-convert-invoice{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #4f46e540;color:#fff!important}.btn-convert-invoice:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.quote-convert-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#eff6ff 0%,#e0e7ff 100%);border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.quote-convert-banner .banner-title{color:#1e3a8a;align-items:center;gap:8px;margin-bottom:2px;font-size:.95rem;font-weight:700;display:flex}.quote-convert-banner .banner-desc{color:#3b82f6;margin:0;font-size:.8rem}.btn-convert-action{color:#fff;border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;background:#1e3a8a;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1e3a8a40}.btn-convert-action:hover{background:#172554;transform:translateY(-1px)}.template-picker-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.template-option-card{text-align:left;background:var(--surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:.75rem;transition:all .2s}.template-option-card:hover{border-color:var(--primary);background:#f8fafc}.template-option-card.active{background:#eef2ff;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.template-badge-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.template-name{color:var(--slate-900);font-size:.84rem;font-weight:600}.tpl-badge{text-transform:uppercase;color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.template-option-card.active .tpl-badge{color:#3730a3;background:#c7d2fe}.template-desc{color:var(--slate-500);margin:0;font-size:.72rem;line-height:1.3}.milestones-editor-list{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.milestone-editor-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;grid-template-columns:1fr 140px 75px 32px;align-items:center;gap:8px;padding:8px 10px;display:grid}.ms-col-title{flex-direction:column;display:flex}.terms-editor-list{flex-direction:column;gap:6px;margin-top:.75rem;display:flex}.term-editor-row{align-items:center;gap:8px;display:flex}.term-num{color:var(--slate-400);width:20px;font-size:.75rem;font-weight:700}.quote-sheet{color:#1e293b;box-sizing:border-box;background:#fff;min-height:297mm;padding:24mm 20mm;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}.quote-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.25rem;display:flex}.quote-logo-img{object-fit:contain;margin-bottom:6px}.quote-default-logo{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;display:flex}.quote-company-name{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.quote-company-tagline{color:#64748b;margin:2px 0 0;font-size:.76rem}.quote-doc-badge-col{text-align:right;min-width:220px}.quote-doc-title-row{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;display:flex}.quote-doc-title{letter-spacing:.05em;color:#0f172a;font-size:1.35rem;font-weight:900}.quote-status-badge{letter-spacing:.04em;border:1px solid #0000;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:800;display:inline-block}.quote-meta-table{flex-direction:column;gap:3px;font-size:.78rem;display:flex}.quote-meta-table .meta-row{justify-content:flex-end;gap:12px;display:flex}.quote-meta-table .meta-label{color:#64748b}.quote-meta-table .meta-val{color:#0f172a}.quote-contact-strip{color:#64748b;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1rem;padding:6px 0;font-size:.72rem;display:flex}.quote-subject-banner{border-left:4px solid var(--primary);background:#f8fafc;border-radius:0 6px 6px 0;margin-bottom:1rem;padding:8px 12px}.quote-subject-banner .subject-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.65rem;font-weight:800}.quote-subject-banner .subject-title{color:#0f172a;font-size:.92rem;font-weight:700}.quote-subject-banner .subject-prepared{color:#64748b;margin-top:2px;font-size:.72rem}.quote-client-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;padding:10px 14px}.client-to-label{letter-spacing:.05em;color:#64748b;margin-bottom:3px;font-size:.65rem;font-weight:800}.client-main-name{color:#0f172a;font-size:.95rem;font-weight:800}.client-contact-person{color:#334155;margin-top:1px;font-size:.8rem;font-weight:600}.client-address{color:#64748b;margin-top:2px;font-size:.75rem}.client-meta-row{color:#475569;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:.72rem;display:flex}.quote-table-wrapper{margin-bottom:1.25rem}.quote-items-table{border-collapse:collapse;width:100%;font-size:.8rem}.quote-items-table th{text-transform:uppercase;letter-spacing:.04em;color:#334155;border-bottom:1.5px solid #cbd5e1;padding:8px 10px;font-size:.72rem;font-weight:700}.quote-items-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:8px 10px}.quote-items-table tbody tr:hover{background:#f8fafc}.quote-bottom-grid{grid-template-columns:1fr 300px;gap:1.5rem;margin-bottom:1.25rem;display:grid}.amount-in-words-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;margin-bottom:1rem;padding:8px 12px}.amount-words-label{text-transform:uppercase;color:#64748b;font-size:.66rem;font-weight:700}.amount-words-text{color:#0f172a;margin:2px 0 0;font-size:.82rem;font-style:italic;font-weight:600}.milestones-heading{color:#334155;align-items:center;gap:6px;margin-bottom:6px;font-size:.74rem;font-weight:700;display:flex}.milestones-table-mini{flex-direction:column;gap:4px;display:flex}.milestone-mini-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;grid-template-columns:1fr 100px 50px;gap:8px;padding:4px 8px;font-size:.74rem;display:grid}.ms-title{color:#0f172a;font-weight:600;display:block}.ms-deliv{color:#64748b;font-size:.68rem;display:block}.ms-time-col{color:#475569;font-size:.7rem}.ms-pct-col{color:var(--primary);text-align:right;font-weight:700}.quote-summary-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.quote-summary-card .summary-row{color:#334155;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:6px 12px;font-size:.78rem;display:flex}.quote-summary-card .grand-total-row{border-top:2px solid;border-bottom:none;padding:8px 12px;font-size:.95rem;font-weight:800}.quote-footer-grid{grid-template-columns:1fr 220px;gap:1.5rem;margin-bottom:1rem;display:grid}.quote-terms-box{color:#475569;font-size:.72rem}.terms-heading{letter-spacing:.05em;color:#334155;margin-bottom:4px;font-weight:800}.terms-list{margin:0;padding-left:14px;line-height:1.45}.quote-closing-notes{color:#64748b;margin-top:6px;font-size:.72rem;font-style:italic}.quote-signatory-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.sign-for-label{color:#64748b;margin-bottom:6px;font-size:.65rem}.sign-space{justify-content:center;align-items:center;height:52px;display:flex}.quote-sig-img{object-fit:contain;max-width:130px;max-height:48px}.sign-line-placeholder{background:#cbd5e1;width:100px;height:1px}.quote-bottom-strip{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:8px;font-size:.68rem;display:flex}.quote-template-executive-navy .quote-doc-title{color:#0f172a}.quote-template-executive-navy .quote-items-table th{color:#fff!important;background-color:#0f172a!important}.quote-template-creative-gradient .quote-subject-banner{background:linear-gradient(135deg,#eef2ff 0%,#ede9fe 100%);border-left-color:#6366f1}.quote-history-list{flex-direction:column;gap:.75rem;max-height:450px;padding:2px;display:flex;overflow-y:auto}.history-quote-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.history-quote-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.quote-num-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.quote-client-heading{color:#0f172a;margin:0 0 2px;font-size:.95rem;font-weight:700}.quote-date-chips{color:#64748b;align-items:center;gap:6px;margin-top:4px;font-size:.72rem;display:flex}.quote-item-total{text-align:right;margin-bottom:6px}.history-btn-actions{align-items:center;gap:6px;display:flex}@media print{body.printing-quotation{background:#fff!important;margin:0!important;padding:0!important}body.printing-quotation *{visibility:hidden}body.printing-quotation #printable-quotation,body.printing-quotation #printable-quotation *{visibility:visible}body.printing-quotation #printable-quotation{width:210mm!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;margin:0!important;padding:20mm 15mm!important;position:fixed!important;top:0!important;left:0!important}@page{size:A4 portrait;margin:0}}.quote-converted-toast-alert{z-index:1000;border-radius:var(--radius-md);background:#fff;border-left:5px solid #10b981;align-items:flex-start;gap:12px;max-width:420px;padding:12px 18px;animation:.3s slideInDown;display:flex;position:fixed;top:75px;right:24px;box-shadow:0 10px 25px -5px #00000026,0 0 1px 1px #0000000d}.quote-converted-toast-alert .toast-icon{font-size:1.3rem;line-height:1}.quote-converted-toast-alert .toast-body strong{color:#0f172a;margin-bottom:2px;font-size:.88rem;display:block}.quote-converted-toast-alert .toast-body p{color:#64748b;margin:0;font-size:.76rem;line-height:1.3}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.quote-scope-card{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;margin-bottom:12px;padding:8px 12px}.scope-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);margin-bottom:2px;font-size:8.5px;font-weight:800}.scope-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3}.scope-prepared{margin-top:3px;font-size:9.5px}.quote-milestones-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.milestones-card-header{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.milestones-table-strip{flex-direction:column;gap:4px;display:flex}.milestone-strip-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;grid-template-columns:1fr 100px 50px;align-items:center;gap:8px;padding:4px 8px;font-size:9.5px;display:grid}.ms-name{color:#0f172a;display:block}.ms-sub{color:#64748b;font-size:8.5px;display:block}.ms-timeline-col{text-align:center;font-size:9px}.ms-pct-badge{text-align:right;font-size:10px}.terms-card{color:#334155;font-size:9.5px}.terms-title{text-transform:uppercase;letter-spacing:.03em;color:#1e293b;margin-bottom:4px;font-size:10px;font-weight:700}.terms-ol{margin:0;padding-left:14px;line-height:1.45}.quote-closing-notes{font-size:9px;font-style:italic}.quote-preview-container,.invoice-preview-container{flex-direction:column;align-items:center;gap:36px;width:100%;padding-bottom:48px;display:flex}.sheet-page-wrapper{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.page-indicator-badge{color:#f8fafc;letter-spacing:.05em;text-transform:uppercase;background:#0f172a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0f172a38}.invoice-sheet.page-sheet{box-sizing:border-box;height:auto;min-height:297mm}.quote-continuation-banner{border:1px solid #e2e8f0;border-left:4px solid var(--primary,#2563eb);color:#475569;background:#f8fafc;border-radius:6px;align-items:center;gap:12px;margin-top:auto;margin-bottom:14px;padding:10px 16px;font-size:10.5px;font-weight:600;display:flex}.quote-continuation-banner .cont-badge{letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:800}.quote-continuation-banner .cont-message{flex:1}.continuation-header{border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding-bottom:12px;position:relative}.continuation-main-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cont-branding{align-items:center;gap:12px;display:flex}.cont-logo{object-fit:contain;max-width:130px;max-height:44px}.cont-logo-badge{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cont-company-title{color:#0f172a;margin:0;font-size:13.5px;font-weight:800;line-height:1.2}.cont-company-tagline{color:#64748b;margin:2px 0 0;font-size:9.5px}.cont-meta-block{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cont-pill{letter-spacing:.04em!important;padding:3px 10px!important;font-size:9.5px!important;font-weight:800!important}.cont-meta-text{color:#475569;align-items:center;gap:6px;font-size:10px;display:flex}.cont-meta-text .status-highlight{color:#059669}.payslip-preview-container{justify-content:center;align-items:flex-start;padding:1.5rem 0;display:flex}.payslip-sheet{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;width:210mm;min-height:297mm;max-height:297mm;padding:12mm 16mm 10mm;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 25px #00000017}.payslip-sheet .letterhead-header{border-bottom:1.5px solid #f1f5f9;margin-bottom:12px;padding-bottom:10px}.payslip-details-card{border:1px solid #e2e8f0;border-left:4px solid var(--primary,#059669);background-color:#f8fafc;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.payslip-two-col-meta{grid-template-columns:1fr 1fr;gap:1.5rem;padding:10px 16px;display:grid}.col-sub-heading{text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px dashed #cbd5e1;align-items:center;gap:7px;margin-bottom:8px;padding-bottom:5px;font-size:.8rem;font-weight:700;display:flex}.meta-key-val-grid{flex-direction:column;gap:5px;display:flex}.kv-row{justify-content:space-between;align-items:baseline;font-size:.82rem;line-height:1.4;display:flex}.kv-key{color:#64748b;font-size:.8rem;font-weight:500}.kv-val{color:#0f172a;text-align:right;font-size:.82rem}.attendance-summary-strip{background-color:#f1f5f9;border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 16px;display:grid}.att-item{flex-direction:column;gap:2px;display:flex}.att-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.att-val{font-size:.9rem}.text-emerald{color:#059669}.payslip-dual-table-wrap{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;display:grid}.dual-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000005}.dual-table-header{text-transform:uppercase;letter-spacing:.04em;border-top:3.5px solid var(--primary,#059669);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.dual-table-header span{white-space:nowrap}.deductions-header{color:#991b1b;background-color:#fef2f2!important;border-top-color:#ef4444!important}.dual-table-body{flex-grow:1;min-height:90px;padding:4px 0}.dual-table-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:5px 14px;font-size:.82rem;display:flex}.dual-table-row:nth-child(2n){background-color:#fafbfc}.dual-table-row .row-title{color:#334155;font-weight:500}.dual-table-row .row-amount{color:#0f172a;white-space:nowrap;font-weight:600}.dual-table-subtotal-bar{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:700;display:flex}.deductions-subtotal-bar{background-color:#fff1f2}.payslip-net-banner{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:11px 20px;display:flex;box-shadow:0 4px 14px #00000017}.net-banner-left{flex-direction:column;gap:2px;display:flex}.net-tag{letter-spacing:.09em;opacity:.95;font-size:.78rem;font-weight:800}.net-words{opacity:.98;margin:0;font-size:.8rem;font-style:italic}.net-banner-right{align-items:baseline;gap:5px;display:flex}.net-symbol{font-size:1.15rem;font-weight:600}.net-digits{letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.payslip-signatures-grid{border-top:1.5px dashed #cbd5e1;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:10px;margin-bottom:10px;padding:10px 0 6px;display:grid}.payslip-sign-col{text-align:center;flex-direction:column;align-items:center;display:flex}.sign-col-heading{color:#64748b;margin-bottom:4px;font-size:.74rem;font-weight:600}.sign-img-wrapper,.stamp-img-wrapper{justify-content:center;align-items:center;height:50px;margin-bottom:4px;display:flex}.sign-img{object-fit:contain;max-width:140px;max-height:48px}.stamp-img{object-fit:contain;max-width:120px;max-height:50px}.sign-empty-space{width:100%;height:40px}.employee-sign-line{border-bottom:1.5px solid #cbd5e1}.sign-title-block strong{color:#0f172a;font-size:.8rem;display:block}.sign-desig{color:#64748b;margin-top:2px;font-size:.72rem}.payslip-confidential-note{text-align:center;margin-top:6px;margin-bottom:6px;font-size:.74rem;line-height:1.35}.payslip-sheet .letterhead-footer-strip{margin-top:auto;padding-top:10px}.footer-company-address{color:#475569;text-align:center;margin-bottom:4px;font-size:8pt;font-weight:500;line-height:1.4}.payslip-financial-split-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=992px){.payslip-financial-split-grid{grid-template-columns:1fr}}.earnings-editor-card,.deductions-editor-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;margin-bottom:0!important}.earnings-list-rows,.deductions-list-rows{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.payslip-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .65rem;transition:all .15s ease-in-out;display:flex}.payslip-item-row:hover{background:#f1f5f9;border-color:#cbd5e1}.payslip-item-row .earning-title-input,.payslip-item-row .deduction-title-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:0;height:36px;padding:.3rem .65rem;font-size:.86rem}.payslip-item-row .amount-input-wrap{flex-shrink:0;align-items:center;width:145px;display:flex;position:relative}.payslip-item-row .amount-input-wrap .currency-prefix{color:#64748b;pointer-events:none;z-index:2;font-size:.85rem;font-weight:700;position:absolute;left:9px}.payslip-item-row .amount-input-wrap input{text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;height:36px;padding-left:22px;padding-right:8px;font-family:monospace;font-size:.88rem;font-weight:700}.payslip-item-row .btn-icon-danger{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.payslip-item-row .btn-icon-danger:hover:not(:disabled){color:#fff;background:#ef4444}.payslip-item-row .btn-icon-danger:disabled{opacity:.35;cursor:not-allowed}.component-subtotal-bar{border-radius:8px;justify-content:space-between;align-items:center;margin-top:.85rem;padding:.6rem .85rem;font-size:.85rem;font-weight:600;display:flex}.component-subtotal-bar.emerald-subtotal{color:#065f46;background:#10b98114;border:1px solid #10b98133}.component-subtotal-bar.danger-subtotal{color:#991b1b;background:#ef444414;border:1px solid #ef444433}.payslip-net-card{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1.5px solid #05966959;border-radius:12px;padding:1.1rem 1.4rem}.net-pay-editor-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.net-card-label{text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:2px;font-size:.8rem;font-weight:700;display:block}.net-card-amount{color:#059669;font-family:monospace;font-size:1.85rem;font-weight:900;line-height:1.1}.net-calc-formula{color:#64748b;margin-top:4px;font-size:.78rem;display:block}.net-currency-control{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;padding:6px 14px;display:flex}.net-currency-control .form-label{color:#475569;white-space:nowrap;margin-bottom:0;font-size:.82rem;font-weight:600}.challan-app-layout{background-color:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.challan-navbar{border-bottom:2px solid #d9770630}.challan-workspace{box-sizing:border-box;gap:1.5rem;width:100%;max-width:1750px;margin:0 auto;padding:1.5rem;display:flex}.challan-editor-wrapper{flex-direction:column;gap:1.25rem;display:flex}.challan-item-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:12px 14px;transition:all .2s;box-shadow:0 1px 3px #00000005}.challan-item-row-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #0000000a}.item-row-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.item-badge-index{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.item-action-btns{align-items:center;gap:6px;display:flex}.item-row-bottom{grid-template-columns:1.5fr 1.2fr 1fr 1.3fr 1.5fr;gap:10px;display:grid}.item-input-cell{flex-direction:column;gap:4px;display:flex}.cell-sub-label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.challan-totals-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 18px;display:flex}.totals-stat{align-items:center;gap:8px;font-size:.88rem;display:flex}.challan-preview-container{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.challan-sheet{color:#1e293b;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;width:210mm;min-height:297mm;padding:16mm 18mm 14mm;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;box-shadow:0 6px 25px #00000017}.challan-continuation-header{border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;font-size:.84rem;display:flex}.doc-title-pill-sm{letter-spacing:.04em;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:700}.invoice-sheet.challan-sheet{padding:16px 24px;flex-direction:column!important;justify-content:flex-start!important;display:flex!important}.invoice-sheet.challan-sheet>*{flex-shrink:0!important}.challan-parties-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid;flex-shrink:0!important}.party-card{background-color:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px}.party-card-title{letter-spacing:.05em;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:3px;font-size:.68rem;font-weight:700;display:flex}.party-name{color:#0f172a;margin-bottom:2px;font-size:.84rem;display:block}.party-contact-person{color:#334155;margin-bottom:2px;font-size:.74rem;font-weight:500}.party-address{color:#475569;margin:0;font-size:.74rem;line-height:1.3}.party-tax-row{color:#334155;flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.party-contact{color:#475569;margin-top:2px;font-size:.72rem}.challan-transport-strip{background-color:#fffbeb;border:1px solid #fde68a;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:8px;padding:6px 12px;display:grid;flex-shrink:0!important}.transport-cell{flex-direction:column;gap:1px;display:flex}.transport-cell .cell-label{color:#92400e;text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:700}.transport-cell .cell-val{color:#1e293b;font-size:.78rem}.challan-table-container{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;flex-shrink:0!important;overflow:visible!important}.challan-table{border-collapse:collapse;width:100%;font-size:.78rem;flex-shrink:0!important}.challan-table th{color:#334155;letter-spacing:.03em;border-bottom:1px solid #cbd5e1;padding:6px 10px;font-size:.68rem;font-weight:700}.challan-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:5px 10px}.challan-table tbody tr{flex-shrink:0!important}.challan-table tbody tr:nth-child(2n){background-color:#fafbfc}.challan-continuation-banner{text-align:center;color:#b45309;background-color:#fffbeb;border:1px dashed #d97706;border-radius:6px;margin:6px 0;padding:6px 12px;font-size:.74rem;font-weight:600;flex-shrink:0!important}.challan-summary-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 12px;display:flex;flex-shrink:0!important}.summary-words{color:#475569;font-size:.74rem}.summary-right{align-items:center;gap:14px;display:flex}.summary-stat-box{align-items:baseline;gap:5px;display:flex}.summary-stat-box .stat-label{color:#64748b;letter-spacing:.03em;font-size:.66rem;font-weight:700}.summary-stat-box .stat-num{font-size:.92rem}.challan-notes-terms-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid;flex-shrink:0!important}.challan-remarks-box,.challan-terms-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px}.challan-remarks-box .block-title,.challan-terms-box .block-title{color:#475569;margin-bottom:3px;font-size:.68rem;font-weight:700;display:block}.remarks-text,.terms-text{color:#64748b;white-space:pre-line;margin:0;font-size:.7rem;line-height:1.3}.challan-signatures-grid{border-top:1.5px dashed #cbd5e1;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:6px;padding-top:6px;display:grid;flex-shrink:0!important}.signature-col{flex-direction:column;display:flex}.signature-col.receiver-col{border-right:1px solid #f1f5f9;padding-right:14px}.signature-col .sign-col-heading{color:#475569;letter-spacing:.04em;margin-bottom:3px;font-size:.7rem;font-weight:700}.sign-disclaimer-text{color:#64748b;margin-bottom:12px;font-size:.68rem;font-style:italic}.receiver-sign-line{border-bottom:1.5px solid #94a3b8;margin-bottom:3px}.sign-labels-row{color:#64748b;justify-content:space-between;font-size:.66rem;font-weight:500;display:flex}.signature-col.sender-col{text-align:right;align-items:flex-end}.sign-stamp-area{justify-content:flex-end;align-items:center;gap:12px;height:52px;margin-bottom:6px;display:flex}.challan-stamp-img{object-fit:contain;max-width:110px;max-height:48px}.challan-sign-img{object-fit:contain;max-width:130px;max-height:46px}.challan-sheet .letterhead-footer-strip{margin-top:auto;padding-top:10px}.po-app-layout{background-color:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.badge-procurement{letter-spacing:.08em;color:#e11d48;background-color:#ffe4e6;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.65rem;font-weight:800}@media (width<=900px){.item-row-grid-po{grid-template-columns:repeat(2,1fr)}}.challan-item-editor-row,.tax-item-editor-row,.po-item-editor-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px #00000008}.challan-item-editor-row:hover,.tax-item-editor-row:hover,.po-item-editor-row:hover{border-color:#cbd5e1;box-shadow:0 3px 10px #0000000d}.item-row-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.item-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.item-desc-input{flex:1;font-weight:600;min-height:40px!important;font-size:13.5px!important}.item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.item-actions .btn-icon{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:inline-flex}.item-actions .btn-icon:hover{color:#0f172a;background:#fff;border-color:#94a3b8}.item-actions .btn-icon.text-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}@media (width<=1100px){.tax-item-row-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}}.item-field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-micro-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:700;overflow:hidden}.field-calc-value{color:#1e293b;white-space:nowrap;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;min-height:42px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex}.cert-template-chip{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000005}.cert-template-chip:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.cert-template-chip.active .chip-name{color:#92400e}.cert-template-chip .chip-tag{text-transform:uppercase;letter-spacing:.05em;color:#475569;background-color:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.cert-template-chip.active .chip-tag{color:#b45309;background-color:#fef3c7}.cert-template-chip.active .chip-desc{color:#78350f}.form-row-toggle{background-color:#fff1f2;border:1px solid #fecdd3;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.form-row-toggle .toggle-info{color:#9f1239;flex-direction:column;gap:2px;font-size:.82rem;display:flex}.btn-toggle-pill{cursor:pointer;border:none;border-radius:20px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s}.btn-toggle-pill.inter-state{color:#fff;background-color:#e11d48}.btn-toggle-pill.intra-state{color:#fff;background-color:#475569}.ship-to-toggle-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.ship-to-toggle-bar .checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.po-sheet{border-top:5px solid var(--primary,#e11d48)}.tax-app-layout{background-color:var(--slate-100,#f1f5f9);flex-direction:column;min-height:100vh;display:flex}.tax-app-badge{background-color:#0d9488!important}.badge-tax{color:#0f766e!important;background-color:#ccfbf1!important;border-color:#99f6e4!important}.text-teal{color:#0d9488!important}.btn-primary-tax{color:#fff!important;background-color:#0d9488!important}.btn-primary-tax:hover{background-color:#0f766e!important}.tax-mode-hero-card{border-left:4px solid #0d9488}.mode-selection-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}@media (width<=900px){.mode-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.mode-selection-grid{grid-template-columns:1fr}}.mode-card{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:14px 12px;transition:all .2s;display:flex}.mode-card:hover{border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 12px #0d94881f}.mode-card.active{background-color:#f0fdfa;border-color:#0d9488;box-shadow:0 0 0 2px #0d948833}.mode-card-header{color:#0f766e;align-items:center;gap:8px;margin-bottom:6px;display:flex}.mode-card-header h4{margin:0;font-size:.88rem;font-weight:700}.mode-card p{color:#64748b;flex-grow:1;margin:0 0 10px;font-size:.76rem;line-height:1.35}.formula-pill{color:#334155;text-align:center;background-color:#e2e8f0;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:.7rem;font-weight:600}.mode-card.active .formula-pill{color:#0f766e;background-color:#ccfbf1}.amount-chips-row,.rate-chips-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.chips-label{color:#64748b;margin-right:2px;font-size:.72rem;font-weight:600}.btn-amount-chip,.btn-rate-chip{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:3px 10px;font-size:.74rem;font-weight:600;transition:all .15s}.btn-amount-chip:hover,.btn-rate-chip:hover{color:#0d9488;border-color:#0d9488}.btn-amount-chip.active,.btn-rate-chip.active{color:#fff;background-color:#0d9488;border-color:#0d9488}.custom-rate-input-wrap{align-items:center;width:90px;display:flex;position:relative}.custom-rate-input{font-size:.8rem;padding-top:4px!important;padding-bottom:4px!important;padding-right:20px!important}.rate-addon{color:#64748b;font-size:.75rem;font-weight:600;position:absolute;right:8px}.rate-meaning-hint{color:#0f766e;background-color:#f0fdfa;border-left:2px solid #0d9488;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:.73rem;font-weight:500}.tax-live-highlight-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}@media (width<=800px){.tax-live-highlight-grid{grid-template-columns:repeat(2,1fr)}}.tax-highlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:12px;display:flex}.tax-highlight-card.total-card{background:#f0fdfa;border-color:#99f6e4}.th-label{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:600}.th-value{color:#1e293b;margin:4px 0 2px;font-size:1.15rem;font-weight:800}.th-sub{color:#94a3b8;font-size:.7rem}.hsn-reference-card{border-left:3px solid #0d9488}.hsn-directory-content{margin-top:14px}.search-box-wrap{margin-bottom:12px;position:relative}.search-box-wrap .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box-wrap .search-input{padding-left:36px;font-size:.84rem}.hsn-results-table-wrap{border:1px solid #e2e8f0;border-radius:6px;max-height:260px;overflow-y:auto}.hsn-results-table{border-collapse:collapse;width:100%;font-size:.78rem}.hsn-results-table th{text-align:left;color:#475569;background-color:#f8fafc;border-bottom:1px solid #cbd5e1;padding:8px 10px;font-weight:700;position:sticky;top:0}.hsn-results-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px}.badge-type{color:#334155;background-color:#e2e8f0;border-radius:3px;padding:2px 5px;font-size:.65rem;font-weight:700}.rate-badge{color:#0d9488;font-weight:700}.btn-apply-rate{color:#0f766e;cursor:pointer;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:all .15s}.btn-apply-rate:hover{color:#fff;background-color:#0d9488}.tax-sheet{border-top:5px solid #0d9488}.tax-doc-badge{text-align:right}.mode-badge-sheet{color:#fff;background-color:#0d9488;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.tax-client-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;margin:14px 0;padding:8px 14px;font-size:.8rem;display:flex}.tcb-label{color:#64748b;font-size:.72rem;font-weight:600;display:block}.tcb-value{color:#1e293b;font-weight:700}.tax-sheet-highlight-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.tsh-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:10px;display:flex}.tsh-title{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:600}.tsh-amt{color:#0f172a;margin:3px 0;font-size:1.15rem;font-weight:800}.tsh-desc{color:#94a3b8;font-size:.68rem}.tax-grand-row td{padding:10px!important}.table-sub-detail{color:#64748b;margin-top:2px;font-size:.68rem}.slab-aggregate-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px}.box-mini-title{margin:0 0 6px;font-size:.75rem;font-weight:700}.slab-pills-row{flex-wrap:wrap;gap:10px;display:flex}.slab-pill-stat{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;gap:6px;padding:4px 8px;font-size:.72rem;display:flex}.sps-rate{color:#0f766e;font-weight:700}.sps-taxable{color:#475569}.sps-tax{color:#0d9488;font-weight:600}.matrix-hero-note{color:#334155;margin-bottom:10px;font-size:.8rem}.highlight-slab-row{font-weight:600;background-color:#f0fdfa!important}.standard-badge{color:#fff;background-color:#0d9488;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:.64rem}.tax-preview-container{justify-content:center;max-height:calc(100vh - 85px);display:flex;position:sticky;top:75px;overflow-y:auto}.sheet-contact-line{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:10px;display:flex}.sheet-contact-line strong{color:#1e293b}.contact-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-weight:700}.sheet-tax-ids{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.tax-id-chip{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:9.5px;font-weight:500;display:inline-flex}.tax-id-chip strong{color:#0f172a}.tax-statutory-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.tax-stat-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.tax-stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:8.5px;font-weight:700}.tax-stat-value{color:#0f172a;font-size:10.5px;font-weight:700}.tax-stat-sub{color:#64748b;font-size:8.5px}.tax-slab-reference-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:14px;overflow:hidden}.tax-slab-reference-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.tax-slab-reference-title{color:#334155;font-size:9.5px;font-weight:700}.tax-slab-reference-table{border-collapse:collapse;width:100%;font-size:9px}.tax-slab-reference-table th{color:#475569;text-align:left;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:5px 10px;font-weight:700}.tax-slab-reference-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:5px 10px}.tax-slab-reference-table tr.active-rate-row{background-color:#f0fdfa;font-weight:700}.tax-compliance-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #0d9488;border-radius:4px;margin-top:14px;padding:8px 12px}.tax-compliance-title{color:#0d9488;align-items:center;gap:5px;margin-bottom:3px;font-size:9.5px;font-weight:700;display:flex}.tax-compliance-text{color:#475569;margin:0;font-size:8.5px;line-height:1.4}.tax-sheet-footer-strip{color:#64748b;border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:8.5px;display:flex}@media (width<=1200px){.app-workspace.split{gap:2rem;grid-template-columns:1fr!important}.preview-column,.invoice-preview-wrapper,.challan-preview-container,.po-preview-container,.tax-preview-container,.quote-preview-container,.payslip-preview-container{-webkit-overflow-scrolling:touch;justify-content:center;width:100%;display:flex;overflow-x:auto;max-height:none!important;position:static!important}}@media (width<=1024px){.erp-navbar{gap:12px;padding:.75rem 1rem;flex-wrap:wrap!important;height:auto!important}.navbar-left{flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%}.view-mode-pills{-webkit-overflow-scrolling:touch;order:3;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.navbar-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%}.header-align-quick-card{gap:12px;flex-wrap:wrap!important}}@media (width<=768px){.app-workspace{padding:.75rem}.erp-titles .brand-sub,.navbar-right .btn-text{display:none}.navbar-right .btn{padding:.45rem .6rem}.modal-backdrop{padding:.5rem!important}.modal-content,.modal-content.large{border-radius:var(--radius-lg);width:100%!important;max-width:100%!important;max-height:94vh!important}.customizer-switches-grid{gap:.4rem;padding:.5rem;grid-template-columns:1fr!important}.customizer-presets-bar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.6rem .85rem}.presets-btns{flex-wrap:wrap;gap:.35rem;width:100%;display:flex}.presets-btns .btn{padding:.25rem .5rem;font-size:.72rem}.modal-header,.modal-body{padding:.85rem 1rem}.modal-footer{padding:.75rem 1rem}.form-row,.form-grid-2,.form-grid-3,.form-grid-4,.editor-grid-2,.editor-grid-3,.invoice-parties-grid,.tax-statutory-grid,.po-parties-grid,.challan-parties-grid{gap:.75rem;grid-template-columns:1fr!important}.tax-sheet-highlight-grid{grid-template-columns:repeat(2,1fr)!important}.items-editor-table-wrap,.challan-table-container,.po-table-container,.tax-table-container,.invoice-table-section{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.invoice-sheet,.po-sheet,.challan-sheet,.tax-sheet,.payslip-sheet{min-width:680px;padding:16px 18px!important}}@media (width<=480px){.tax-sheet-highlight-grid{grid-template-columns:1fr!important}.pill-text{font-size:.7rem}.modal-title-group h3{font-size:1rem}.modal-subtitle{font-size:.7rem}}.btn-tool-info-link{color:var(--slate-600);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:4px;padding:6px 10px;font-size:.775rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-tool-info-link:hover{background-color:var(--slate-100);color:var(--slate-900);border-color:#cbd5e1}.tool-seo-page-wrapper{background-color:var(--bg-canvas);min-height:100vh;color:var(--slate-800);flex-direction:column;display:flex}.tool-seo-top-nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle);background-color:#fffffff2;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.seo-nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.65rem 1.5rem;display:flex}.breadcrumb-links{color:var(--slate-500);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.breadcrumb-btn{color:var(--slate-700);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.breadcrumb-btn:hover{background-color:var(--slate-100);color:var(--primary)}.breadcrumb-sep{color:var(--slate-300)}.breadcrumb-category{color:var(--slate-500);font-weight:500}.breadcrumb-current{color:var(--slate-900);font-weight:700}.btn-nav-launch{color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.825rem;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.btn-nav-launch:hover{filter:brightness(1.08);transform:translateY(-1px)}.tool-seo-hero{background:linear-gradient(180deg, #fff 0%, var(--bg-canvas) 100%);border-bottom:1px solid var(--border-subtle);text-align:center;padding:3.5rem 1.5rem 2.5rem}.tool-hero-container{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.hero-badge-pill{letter-spacing:.02em;background-color:#fff;border:1px solid;border-radius:9999px;align-items:center;gap:6px;margin-bottom:1.25rem;padding:4px 14px;font-size:.775rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000a}.hero-seo-title{color:var(--slate-900);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2rem,3.8vw,3rem);font-weight:800;line-height:1.2}.hero-seo-desc{color:var(--slate-600);max-width:760px;margin-bottom:2rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-hero-launch{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 4px 14px #00000026}.btn-hero-launch:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #0003}.btn-hero-secondary{color:var(--slate-700);cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.btn-hero-secondary:hover{background-color:var(--slate-50);color:var(--slate-900);border-color:#94a3b8}.hero-highlights-grid{grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:820px;display:grid}.highlight-card{border:1px solid var(--border-subtle);background-color:#fff;border-radius:10px;flex-direction:column;gap:3px;padding:.9rem 1rem;display:flex;box-shadow:0 1px 4px #00000008}.highlight-label{text-transform:uppercase;letter-spacing:.04em;color:var(--slate-500);font-size:.7rem;font-weight:600}.highlight-val{color:var(--slate-900);font-size:.925rem;font-weight:800}.seo-section-container{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.section-header-centered{text-align:center;max-width:680px;margin:0 auto 3rem}.section-pill-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:.75rem;padding:3px 12px;font-size:.725rem;font-weight:700;display:inline-block}.section-header-centered h2{color:var(--slate-900);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800}.section-header-centered p{color:var(--slate-600);font-size:1rem;line-height:1.5}.tool-seo-features-section{border-bottom:1px solid var(--border-subtle);background-color:#fff}.features-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.seo-feature-card{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;transition:transform .18s,border-color .18s,box-shadow .18s}.seo-feature-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #0000000d}.feature-icon-box{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:1rem;display:flex}.seo-feature-card h3{color:var(--slate-900);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.seo-feature-card p{color:var(--slate-600);font-size:.875rem;line-height:1.5}.tool-seo-steps-section{background-color:var(--bg-canvas);border-bottom:1px solid var(--border-subtle)}.steps-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.step-card{border:1px solid var(--border-subtle);background-color:#fff;border-radius:12px;padding:1.75rem;position:relative;box-shadow:0 2px 6px #00000005}.step-badge{width:36px;height:36px;font-size:.85rem;font-weight:800;font-family:var(--font-mono);border:2px solid;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.step-card h4{color:var(--slate-900);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.step-card p{color:var(--slate-600);font-size:.875rem;line-height:1.5}.step-launch-prompt{text-align:center}.btn-outline-primary{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:8px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-outline-primary:hover{background-color:var(--primary);color:#fff}.tool-seo-usecases-section{border-bottom:1px solid var(--border-subtle);background-color:#fff}.usecases-grid-4{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.usecase-card{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:6px;padding:1.35rem;display:flex}.usecase-icon-dot{border-radius:50%;width:10px;height:10px;margin-bottom:.5rem}.usecase-card h4{color:var(--slate-900);font-size:.95rem;font-weight:700}.usecase-card p{color:var(--slate-600);font-size:.825rem;line-height:1.45}.tool-seo-faq-section{background-color:var(--bg-canvas);border-bottom:1px solid var(--border-subtle)}.faq-accordion-list{flex-direction:column;gap:.75rem;max-width:820px;margin:0 auto;display:flex}.faq-accordion-item{border:1px solid var(--border-subtle);background-color:#fff;border-radius:10px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.faq-accordion-item.active{border-color:#cbd5e1;box-shadow:0 3px 10px #0000000a}.faq-question-btn{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.35rem;display:flex}.faq-q-text{color:var(--slate-900);font-size:.975rem;font-weight:700}.faq-toggle-icon{color:var(--slate-500);flex-shrink:0}.faq-answer-content{border-top:1px solid var(--slate-100);padding:.85rem 1.35rem 1.25rem}.faq-answer-content p{color:var(--slate-650,#475569);font-size:.9rem;line-height:1.6}.tool-seo-bottom-banner{border-bottom:1px solid var(--border-subtle);background-color:#fff;padding:3rem 1.5rem}.bottom-banner-card{color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;max-width:1100px;margin:0 auto;padding:3rem;display:flex;box-shadow:0 10px 30px #00000026}.banner-copy h2{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.6rem,2.3vw,2.2rem);font-weight:800}.banner-copy p{color:#ffffffe6;max-width:600px;font-size:.975rem}.btn-banner-white-launch{color:var(--slate-900);cursor:pointer;white-space:nowrap;background-color:#fff;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:.9rem 1.85rem;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 14px #0003}.btn-banner-white-launch:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000004d}.tool-seo-related-tools{background-color:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);padding:3.5rem 1.5rem}.related-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.related-header h3{color:var(--slate-900);font-size:1.25rem;font-weight:800}.btn-link-all{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-link-all:hover{text-decoration:underline}.related-tools-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.related-tool-card{border:1px solid var(--border-subtle);cursor:pointer;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.related-tool-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.related-cat{text-transform:uppercase;color:var(--slate-500);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.related-tool-card h4{color:var(--slate-900);margin-bottom:.4rem;font-size:.95rem;font-weight:700}.related-tool-card p{color:var(--slate-600);margin-bottom:1rem;font-size:.8rem;line-height:1.4}.btn-read-info{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.775rem;font-weight:700;display:inline-flex}.btn-read-info:hover{text-decoration:underline}.tool-seo-footer{border-top:1px solid var(--border-subtle);color:var(--slate-500);background-color:#fff;padding:1.5rem;font-size:.8rem}.footer-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0;display:flex}.footer-left strong{color:var(--slate-800);margin-bottom:2px;font-size:.85rem;display:block}.footer-right{align-items:center;gap:.6rem;display:flex}.footer-nav-btn{color:var(--slate-600);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.footer-nav-btn:hover{color:var(--slate-900);text-decoration:underline}.footer-right .dot{color:var(--slate-300)}@media (width<=1024px){.features-grid-3,.steps-cards-grid,.related-tools-grid,.usecases-grid-4,.hero-highlights-grid{grid-template-columns:repeat(2,1fr)}.bottom-banner-card{text-align:center;flex-direction:column;padding:2.25rem}}@media (width<=640px){.features-grid-3,.steps-cards-grid,.usecases-grid-4,.related-tools-grid,.hero-highlights-grid{grid-template-columns:1fr}.seo-nav-container{flex-direction:column;align-items:flex-start;gap:.6rem}.breadcrumb-links{flex-wrap:wrap}.tool-seo-hero{padding:2.5rem 1rem 1.5rem}.hero-cta-group{flex-direction:column;width:100%}.btn-hero-launch,.btn-hero-secondary{justify-content:center;width:100%}}.receipt-app-layout{background-color:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.receipt-navbar{border-bottom:1px solid #0284c733}.receipt-preview-wrapper{justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);display:flex}.receipt-print-canvas{transition:transform .2s,box-shadow .2s}@media print{body *{visibility:hidden}#receipt-print-area,#receipt-print-area *{visibility:visible}#receipt-print-area{position:absolute;top:0;left:0;width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important}.erp-navbar,.editor-column,.btn,.modal-backdrop,header{display:none!important}}.modal-content,.modal-content.large{opacity:1!important;background-color:#fff!important}.editor-card,.form-card,.receipt-editor-container .editor-card,.challan-editor-wrapper .editor-card,.po-editor-wrapper .editor-card,.tax-calculator-container .editor-card,.certificate-editor-container .editor-card{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:24px 26px;box-shadow:0 1px 4px #0000000a;background-color:#fff!important}.card-header-flex,.editor-card-header,.card-header-clean{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.card-header-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-title,.editor-card-header h3,.section-title,.card-title-wrap h4{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.card-subtitle,.editor-card-header p.card-subtitle{color:#64748b;margin:3px 0 0;font-size:12px;line-height:1.4}.form-grid-4,.editor-grid-4{grid-template-columns:repeat(4,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.form-grid-3,.editor-grid-3{grid-template-columns:repeat(3,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.form-grid-2,.editor-grid-2{grid-template-columns:repeat(2,1fr);gap:16px 18px;margin-bottom:18px;display:grid}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4,.full-width,.col-span-full{grid-column:1/-1}.form-group{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.form-group label,.form-label{color:#334155;letter-spacing:-.01em;align-items:center;gap:5px;margin-bottom:2px;font-size:12.5px;font-weight:600;display:flex}.form-control,.form-input,.form-select,.form-textarea{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;min-height:42px;padding:9px 13px;font-size:13.5px;transition:all .15s}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.form-textarea{resize:vertical;min-height:84px}.tax-item-editor-row,.challan-item-row-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:14px 16px;transition:all .15s}.tax-item-editor-row:hover,.challan-item-row-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #00000008}.item-row-header,.item-row-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.item-badge,.item-index-badge{color:#475569;background:#e2e8f0;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.item-desc-input,.item-desc-input-wrapper input{flex:1;font-size:14px;font-weight:600}.item-actions,.item-actions-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-icon,.icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-icon:hover,.icon-btn:hover{color:#0f172a;background:#f1f5f9}.btn-icon.text-danger:hover,.icon-btn.text-rose:hover{color:#e11d48;background:#fef2f2;border-color:#fecdd3}.tax-item-row-grid{grid-template-columns:1.1fr .8fr 1.1fr 1fr 1.1fr 1.3fr 1.3fr;align-items:flex-end;gap:12px;display:grid}.item-row-grid-po{grid-template-columns:1.1fr 1.2fr .9fr .9fr 1.1fr 1fr 1.3fr;align-items:flex-end;gap:12px;display:grid}.tax-item-row-grid .item-field,.item-row-grid-po .form-group{flex-direction:column;gap:4px;margin-bottom:0;display:flex}.field-micro-label{color:#64748b;white-space:nowrap;font-size:11.5px;font-weight:600}.field-calc-value{color:#1e293b;box-sizing:border-box;background-color:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;min-height:42px;padding:9px 12px;font-size:13.5px;font-weight:600;display:flex}.cert-template-picker-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px;display:grid}.cert-template-chip{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex}.cert-template-chip:hover{background:#f8fafc;border-color:#94a3b8}.cert-template-chip.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.cert-template-chip .chip-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.cert-template-chip .chip-name{color:#1e293b;font-size:13.5px;font-weight:700}.cert-template-chip .chip-tag{text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.cert-template-chip.active .chip-tag{color:#1d4ed8;background:#dbeafe}.cert-template-chip .chip-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.4}.color-palette-picker{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.color-chip{cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .15s;display:flex;box-shadow:0 0 0 1.5px #cbd5e1}.color-chip:hover{transform:scale(1.08)}.color-chip.selected{box-shadow:0 0 0 2.5px #2563eb}.custom-color-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;display:flex}.custom-color-input{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}.custom-color-label{color:#475569;font-family:monospace;font-size:12px;font-weight:600}@media (width<=900px){.tax-item-row-grid,.item-row-grid-po{grid-template-columns:repeat(2,1fr)}.cert-template-picker-grid{grid-template-columns:1fr}}