:root{color:#15251c;background:#f4efe3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--green-950: #073d22;--green-800: #125735;--green-100: #dce8de;--paper: #f4efe3;--ink: #18251d;--muted: #667269;--line: #cbd7ce;--white: #ffffff;--shadow: 0 22px 70px rgba(7, 61, 34, .13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,textarea{font:inherit}button{cursor:pointer}.launch{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 15% 15%,rgba(18,87,53,.14),transparent 30%),radial-gradient(circle at 85% 80%,rgba(18,87,53,.1),transparent 32%),var(--paper)}.launch-card{width:min(720px,100%);padding:clamp(32px,7vw,64px);text-align:center;border:1px solid rgba(18,87,53,.2);border-radius:32px;background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.launch-logo{width:min(320px,75vw);height:auto}.eyebrow{margin:20px 0 6px;color:var(--green-800);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:var(--green-950);font-size:clamp(34px,7vw,58px);letter-spacing:-.04em}.launch-copy{max-width:510px;margin:18px auto 30px;color:var(--muted);font-size:17px;line-height:1.65}.history-section{margin-top:38px;padding-top:30px;border-top:1px solid #dce6de;text-align:left}.history-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.history-heading .eyebrow{margin:0 0 3px;font-size:10px}.history-heading h2{margin:0;color:var(--green-950);font-size:24px}.history-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--green-950);font-size:13px;font-weight:900}.history-list{display:grid;gap:10px;max-height:330px;overflow:auto;padding-right:3px}.history-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid #dce6de;border-radius:16px;background:#f8faf8}.history-card-main{min-width:0}.history-card h3{overflow:hidden;margin:3px 0 4px;color:var(--green-950);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.history-card p{margin:0;color:var(--muted);font-size:12px}.history-date{color:var(--green-800);font-size:10px;font-weight:900;letter-spacing:.08em}.history-actions{display:flex;flex:0 0 auto;gap:7px}.history-actions button{padding:8px 10px;border:0;border-radius:9px;font-size:11px;font-weight:850}.history-open{color:#fff;background:var(--green-950)}.history-download{color:var(--green-950);background:var(--green-100)}.history-delete{color:#8f2f2b;background:#f7e2df}.history-delete:hover{background:#efd0cc}.history-empty{display:grid;gap:4px;padding:22px;border:1px dashed #b9ccbd;border-radius:16px;color:var(--muted);text-align:center}.history-empty strong{color:var(--green-950)}.primary,.secondary,.icon-btn{border:0;border-radius:14px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary{padding:15px 24px;color:#fff;background:var(--green-950);box-shadow:0 12px 28px #073d2233}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #073d2242}.secondary{padding:13px 18px;color:var(--green-950);background:var(--green-100)}.secondary:hover{background:#cfe0d2}.primary:focus-visible,.secondary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(18,87,53,.28);outline-offset:2px}.workspace{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(18px,4vw,52px);color:#fff;background:#073d22f5;box-shadow:0 8px 24px #073d2229;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link{display:inline-flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-link img{width:72px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}.brand-link strong{display:block;font-size:16px}.brand-link span{display:block;margin-top:2px;color:#c9dfc9;font-size:12px}.topbar-home{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;background:#ffffff14;font-size:13px;font-weight:850}.topbar-home svg{width:18px;height:18px;fill:currentColor}.topbar-home:hover,.menu-button:hover{background:#ffffff26}.menu-wrap{position:relative;justify-self:end}.menu-button{display:grid;gap:4px;width:42px;height:42px;place-content:center;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14}.menu-button span{display:block;width:18px;height:2px;border-radius:2px;background:#fff}.menu-popover{position:absolute;top:calc(100% + 9px);right:0;display:grid;gap:6px;min-width:210px;padding:7px;border:1px solid #dce6de;border-radius:13px;background:#fff;box-shadow:0 18px 45px #073d222e}.menu-popover[hidden]{display:none}.menu-popover button{width:100%;padding:11px 12px;border:0;border-radius:9px;color:var(--green-950);background:#f2f6f3;text-align:left;font-weight:850}.settings-dialog{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:24px;color:var(--ink);background:#fff;box-shadow:0 30px 90px #073d2247}.settings-dialog::backdrop{background:#061a0f8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-dialog form{display:grid;gap:18px;padding:28px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.dialog-head .eyebrow{margin:0 0 3px;font-size:10px}.dialog-head h2{margin:0;color:var(--green-950);font-size:27px}.dialog-close{width:38px;height:38px;border:0;border-radius:50%;color:var(--green-950);background:var(--green-100);font-size:24px;line-height:1}.dialog-copy{margin:-4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.personals-dialog{width:min(760px,calc(100% - 28px))}.personals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.password-error{margin:-8px 0 0;color:#a32f2b;font-size:13px;font-weight:800}.secure-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #cfe0d2;border-radius:12px;color:var(--green-800);background:#f2f6f3;font-size:12px;font-weight:750}.filename-dialog{width:min(540px,calc(100% - 28px))}.filename-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.filename-input:focus-within{border-color:var(--green-800);box-shadow:0 0 0 4px #12573514}.filename-input input{border:0;border-radius:0;box-shadow:none!important}.filename-input span{padding:0 14px 0 8px;color:var(--muted);font-size:14px;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:28px;width:min(1480px,calc(100% - 40px));margin:30px auto 56px;align-items:start}.form-panel,.preview-panel{min-width:0}.form-panel{padding:clamp(22px,3vw,38px);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:28px}.form-heading h2{margin:0 0 7px;color:var(--green-950);font-size:30px}.form-heading p{margin:0;color:var(--muted);line-height:1.55}.permanent-badge{flex:0 0 auto;padding:8px 11px;border-radius:999px;color:var(--green-800);background:var(--green-100);font-size:12px;font-weight:800}.section{padding:24px 0;border-top:1px solid #e5ebe6}.section:first-of-type{border-top:0;padding-top:0}.section-title{margin:0 0 16px;color:var(--green-800);font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px}.field.full{grid-column:1 / -1}.field label{color:#33453a;font-size:13px;font-weight:800}.optional-label{margin-left:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;color:var(--ink);background:#fff;transition:border .18s ease,box-shadow .18s ease}.field textarea{min-height:92px;resize:vertical;line-height:1.45}.field input:focus,.field textarea:focus{border-color:var(--green-800);box-shadow:0 0 0 4px #12573514;outline:none}.readonly{color:var(--green-950)!important;background:#f2f6f3!important;font-weight:800}.hint{color:var(--muted);font-size:12px}.items{display:grid;gap:14px}.item-card{position:relative;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fafcfb}.item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.serial{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--green-950);font-size:14px;font-weight:900}.remove{border:0;padding:7px 9px;border-radius:9px;color:#9a322f;background:#fae9e7;font-size:12px;font-weight:800}.remove[hidden]{display:none}.item-grid{display:grid;grid-template-columns:1.6fr .65fr .65fr .78fr;gap:12px;align-items:end}.item-grid .field:first-child{grid-row:span 2}.money-input{position:relative}.money-input:before{content:"₹";position:absolute;left:13px;bottom:13px;color:var(--muted);font-weight:800}.money-input input{padding-left:29px}.amount-output{display:flex;align-items:center;min-height:46px;padding:11px 13px;border:1px solid #b8d0bd;border-radius:12px;color:var(--green-950);background:var(--green-100);font-weight:900}.add-row{display:flex;justify-content:flex-start;margin-top:13px}.totals{display:grid;gap:9px;width:min(100%,410px);margin:20px 0 0 auto}.total-row{display:flex;justify-content:space-between;gap:18px;padding:11px 14px;border-radius:11px;background:#f2f6f3}.total-row strong{color:var(--green-950)}.total-row.grand{padding:15px 16px;color:#fff;background:var(--green-950);font-size:18px}.total-row.grand strong{color:#fff}.gst-line{display:grid;grid-template-columns:1fr 100px;gap:10px;align-items:center}.gst-line input{text-align:right}.fixed-note{padding:15px 16px;border-radius:14px;color:#355143;background:#eef4ef;font-size:13px;line-height:1.55}.submit-row{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.submit-row .primary{min-width:210px}.preview-panel{position:sticky;top:98px}.preview-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:var(--green-800);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.live-dot{display:inline-flex;align-items:center;gap:7px}.live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#2f9e57;box-shadow:0 0 0 5px #2f9e571f}.paper-preview{aspect-ratio:210 / 297;overflow:hidden;padding:5.5%;border:1px solid #d8dfda;border-radius:8px;background:var(--paper);box-shadow:0 24px 65px #1c2d232e;color:var(--ink);font-size:clamp(8px,.74vw,11px)}.pv-head{position:relative;text-align:center}.pv-gstin{position:absolute;left:0;top:2px;color:var(--green-800);font-weight:900}.pv-website{position:absolute;right:0;top:2px;color:var(--green-800);font-weight:900;text-decoration:none}.pv-logo{width:35%;height:auto}.pv-title{margin-top:2.5%;padding:2.2% 2%;border-radius:7px;color:#fff;background:var(--green-950);font-size:clamp(18px,1.4vw,22px);font-weight:900;letter-spacing:.04em}.pv-card{margin-top:2.2%;padding:2.1%;border-radius:7px;background:#fff}.pv-customer{display:grid;grid-template-columns:1fr 25%;gap:4%}.pv-label{display:block;margin-bottom:3px;color:var(--green-800);font-size:1em;font-weight:900;letter-spacing:.06em}.pv-section-heading,.pv-section-label{color:var(--green-950);font-size:1.1em;font-weight:900;letter-spacing:.075em}.pv-section-heading{margin-top:2.2%}.pv-value{font-size:1.05em;font-weight:400}.pv-info{display:grid;grid-template-columns:1fr 1.35fr .8fr .8fr;gap:1.2%;margin-top:.8%}.pv-info>div{padding:2%;border:1px solid var(--line);border-radius:5px;background:#fff}.pv-info strong{font-weight:400}.pv-intro{display:grid;gap:2px;margin-top:2%}.pv-intro span{color:#455148;font-size:.95em;line-height:1.25}.pv-table{margin-top:2.4%;border:1px solid var(--line);background:#fff}.pv-th,.pv-tr{display:grid;grid-template-columns:7% 43% 16% 16% 18%;align-items:center}.pv-th{padding:1.6% 1%;color:#fff;background:var(--green-950);font-size:1em;font-weight:900}.pv-tr{min-height:34px;padding:1.3% 1%;border-top:1px solid var(--line)}.pv-tr span{min-width:0}.pv-tr span:nth-child(2){overflow-wrap:anywhere;word-break:break-word;white-space:normal;line-height:1.35}.pv-tr span:not(:nth-child(2)),.pv-th span:not(:nth-child(2)){text-align:center}.pv-tr .pv-amount{color:var(--green-800);font-weight:900}.pv-total{margin-left:50%}.pv-total div{display:flex;justify-content:space-between;padding:1.3% 3%;background:#fff;border:1px solid var(--line);border-top:0;font-weight:800}.pv-total .grand{color:#fff;background:var(--green-950)}.pv-terms{display:grid;grid-template-columns:1fr 1fr;gap:1.6%;margin-top:2.4%}.pv-terms>div{min-height:88px;padding:2%;border:1px solid var(--line);border-radius:6px;background:#fff}.pv-terms p{margin:3px 0;line-height:1.3;font-weight:400}.pv-terms .pv-warranty-value{font-weight:700}.pv-terms .pv-term-body{font-size:.95em;font-weight:400}.pv-terms>div:nth-child(2) .pv-label:last-of-type{margin-top:7px;padding-top:7px;border-top:1px solid var(--line)}.pv-auth{min-height:62px}.pv-contact-grid{display:grid;grid-template-columns:.72fr 1.1fr 1.35fr;gap:.8%;margin-top:2.4%}.pv-contact-grid>div{min-width:0;padding:.9% 2%;border:1px solid var(--green-950);border-radius:6px;background:#fff;overflow-wrap:anywhere}.pv-contact-grid a{color:var(--ink);font-weight:800;text-decoration:none}.pv-contact-label{display:block;margin-bottom:4px;color:var(--green-800);font-size:.82em;font-weight:900;letter-spacing:.08em}.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:380px;padding:15px 18px;border-radius:14px;color:#fff;background:var(--green-950);box-shadow:var(--shadow);transform:translateY(140%);opacity:0;transition:.3s ease}.toast.show{transform:translateY(0);opacity:1}.error{border-color:#bb3d38!important;box-shadow:0 0 0 4px #bb3d3814!important}@media(max-width:1080px){.layout{grid-template-columns:1fr;max-width:850px}.preview-panel{position:static;order:-1;width:min(620px,100%);margin:auto}}@media(max-width:720px){.topbar{position:static}.brand-link>span{display:none}.brand-link img{width:58px;height:46px}.topbar-home span{display:none}.topbar-home{width:42px;height:42px;padding:0}.layout{width:min(100% - 24px,850px);margin-top:16px}.form-panel{padding:20px 16px;border-radius:20px}.form-heading{display:block}.permanent-badge{display:inline-block;margin-top:12px}.grid,.grid.three{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr 1fr}.item-grid .field:first-child{grid-column:1 / -1;grid-row:auto}.item-grid .field:last-child{grid-column:1 / -1}.submit-row{flex-direction:column-reverse}.submit-row .primary,.submit-row .secondary{width:100%}.preview-panel{display:none}.history-card{align-items:start;flex-direction:column}.history-actions{width:100%}.history-actions button{flex:1}.settings-dialog form{padding:22px 18px}.personals-grid{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}