:root{color-scheme:light;--bg:#f4f5fb;--card:#fff;--ink:#14122b;--dim:#55536e;--line:#e2e3ee;--soft:#eef0f8;--accent:#5b4cf0;--err:#b3261e;--ok:#1e7a46;--glow:linear-gradient(120deg, #7c3aed, #4f46e5 50%, #2563eb);--ring:0 0 0 3px #5b4cf047, 0 0 18px #5b4cf059;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--top-h:64px;--dock-h:60px;--rail-w:92px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 380px at 50% -120px,#7c3aed29,#2563eb14 45%,#0000 75%),linear-gradient(#14122b09 1px,#0000 1px),linear-gradient(90deg,#14122b09 1px,#0000 1px);background-repeat:no-repeat,repeat,repeat;background-size:100% 100%,32px 32px,32px 32px;font-family:Plus Jakarta Sans Variable,Noto Sans Tamil,Noto Sans Devanagari,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}.vh:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}a{color:var(--accent)}h2{margin:0;font-size:1.15rem;font-weight:650}h3{margin:18px 0 8px;font-size:1rem;font-weight:600}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.hint,small{color:var(--dim);font-size:.86rem}p.hint{margin:0}.app{min-height:100dvh}.topbar{z-index:20;height:var(--top-h);background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{object-fit:contain;border-radius:8px;width:auto;max-width:72px;height:36px}.brand-text{min-width:0;display:grid}.brand-text b{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;overflow:hidden}.brand-text small{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.brand-text small a{color:var(--dim);text-decoration:none}.top-actions{align-items:center;gap:6px;display:flex}@media (width<=599px){.topbar .langSeg,.brand-text small{display:none}}@media (width<=899px){.wide-only{display:none!important}}.dock{z-index:25;height:calc(var(--dock-h) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom) 10px;border-top:1px solid var(--line);background:#fff;align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width<=899px){html.kb .dock{display:none}}.sticky-bar{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.sticky-total{flex:auto;min-width:0;line-height:1.15;display:grid}.sticky-total small{font-size:.72rem}.sticky-total b{white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:650;overflow:hidden}.sticky-bar .btn{flex:none;padding:8px 14px}.nav{flex:none;grid-template-columns:repeat(4,44px);gap:0;display:grid}.nav button{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:12px;align-content:center;justify-items:center;gap:2px;min-width:44px;min-height:44px;padding:4px;font-size:.74rem;font-weight:600;display:grid}.nav button:hover{color:var(--ink)}@media (width<=599px){.nav button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=600px) and (width<=899px){.nav{grid-template-columns:repeat(4,minmax(64px,auto))}}@media (width<=899px){.nav :is([data-nav=data],[data-nav=settings]){display:none}}.nav button[aria-current=page]{color:var(--accent);background:#efeafe}:is(.nav button,.bcard .open,.bcard .btn,.menu button,.chip-x){-webkit-tap-highlight-color:transparent}.app:not([data-screen=editor]) .sticky-bar,.app:not([data-screen=editor]) .editor-only,.app:not([data-screen=editor]) .work{display:none!important}@media (width<=899px){.app:not([data-screen=editor]) .nav{flex:auto;grid-template-columns:repeat(4,minmax(0,1fr))}.app:not([data-screen=editor]) .nav button span{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}}.main{padding:16px 16px calc(var(--dock-h) + 24px + env(safe-area-inset-bottom));gap:16px;max-width:1280px;margin:0 auto;display:grid}.view-seg{justify-self:start}.work{gap:16px;display:grid}.work[data-view=edit] .side,.work[data-view=preview] .editor{display:none}@media (width>=900px){.app{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-rows:var(--top-h) 1fr;display:grid}.topbar{grid-column:1/-1}.dock{display:contents}.nav{top:var(--top-h);height:calc(100dvh - var(--top-h));border-top:0;border-right:1px solid var(--line);background:#ffffffb3;grid-area:2/1;grid-template-columns:none;grid-auto-rows:76px;align-content:start;gap:6px;padding:14px 8px;position:sticky}.nav [data-nav=more]{display:none}.main{grid-area:2/2;width:100%;padding:20px 24px 48px}.sticky-bar,.seg.view-seg{display:none}.work,.work[data-view]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.work[data-view] .side,.work[data-view] .editor{display:grid}.side{top:calc(var(--top-h) + 16px);position:sticky}}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;align-content:start;gap:12px;min-width:0;padding:18px;display:grid}.notice{background:#eef0ff;border:1px solid #d5d8fb;border-radius:12px;margin:0;padding:12px 14px}.notice.warn{background:#fff4e5;border-color:#f3d19c}.side{gap:16px;min-width:0;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.grid2{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.grid2{grid-template-columns:1fr 1fr}.grid2 .full{grid-column:1/-1}}label{align-content:start;gap:4px;font-size:.92rem;font-weight:500;display:grid}label.check{align-items:center;gap:10px;min-height:44px;display:flex}label.check input{width:22px;height:22px;min-height:0;accent-color:var(--accent)}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #c9cbdb;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:1rem}input[type=number],input[type=date]{font-family:var(--mono);font-variant-numeric:tabular-nums}textarea{resize:none}:is(input,select,textarea,.btn,.seg button,.nav button,summary,.qty button):focus-visible{outline:2px solid var(--accent);outline-offset:1px;box-shadow:var(--ring)}:is(input,select,textarea):is(:user-invalid,.touched:invalid){border-color:var(--err);background:#fff6f5}.field-err{color:var(--err);font-size:.86rem;font-weight:500;display:none}:is(input,select,textarea):is(:user-invalid,.touched:invalid)~.field-err{display:block}fieldset{border:1px solid var(--line);border-radius:14px;gap:10px;min-width:0;margin:0 0 12px;padding:12px;display:grid}legend{padding:0 6px;font-weight:600}.small-text{font-size:.85rem}.lines{gap:10px;display:grid}.line{border-bottom:1px dashed var(--line);grid-template-columns:1.3fr 1fr;align-items:start;gap:8px;padding-bottom:10px;display:grid}.line .lname{grid-column:1/-1}.line .amt{font-family:var(--mono);align-self:center;font-size:.95rem}.line [data-rm]{justify-self:end}.qty{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;display:grid}.qty button{font:inherit;background:var(--soft);min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #c9cbdb;border-radius:10px;font-size:1.2rem;font-weight:600}.qty input{text-align:center;padding:10px 4px}.qty .field-err{grid-column:1/-1}@media (width>=560px){.line{grid-template-columns:minmax(150px,1fr) minmax(110px,.8fr) auto auto}}.btn{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--ink);background:#fff;border-color:#c9cbdb}a.btn.ghost{color:var(--ink)}.btn.small{min-height:44px;padding:8px 12px;font-size:.88rem}.btn.icon-btn{width:44px;padding:0}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.share{background:var(--glow);color:#fff;border:0;box-shadow:0 6px 22px #4f46e559}.btn[disabled]{opacity:.5;cursor:not-allowed}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}.seg{background:var(--soft);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:6px 14px;font-size:.88rem;font-weight:500}#layoutSeg button{min-height:44px;padding:6px 16px}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.view-seg button{min-height:44px;padding:6px 22px}.canvas-wrap{background:var(--soft);border:1px solid var(--line);border-radius:12px;justify-content:center;max-height:70vh;padding:10px;display:flex;overflow:auto}#preview{background:#fff;width:100%;max-width:420px;height:auto;box-shadow:0 2px 12px #14122b1f}#preview.a4{max-width:100%}.send-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.send-row #moreBtn{flex:auto}.send-total{margin-right:auto;line-height:1.2;display:grid}.send-total b{font-size:1.4rem;font-weight:650}.send-row .share{min-width:140px;min-height:48px;font-size:1.02rem}@media (width>=900px){.send-row #moreBtn{flex:none}}.send-list{gap:8px;display:grid}.send-list .btn{justify-content:flex-start;min-height:48px}.send-list .share{justify-content:center}.numline{color:var(--dim);overflow-wrap:anywhere;margin:0}.numbox{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.numedit{gap:6px;display:grid}.numedit label{font-weight:500}.numedit-row{flex-wrap:wrap;gap:8px;display:flex}.numedit-row input{flex:12em;min-width:0}.num-err{color:var(--err);font-size:.86rem;font-weight:500}.numline b{color:var(--ink)}.tags{gap:6px;display:inline-flex}.tag{background:var(--soft);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:.8rem}.tag.ok{color:var(--ok);background:#e3f5ea}.doc-seg{justify-self:start}.doc-seg button,#billFilter button{min-height:44px;padding:6px 18px}.doc-seg button[data-doc=quote][aria-pressed=true]{background:#6d4cf0}.chip.doc{border:1px solid var(--line);color:var(--dim);background:0 0}.chip.doc.quote{color:#4b2fc9;border-color:#d9cffc}#billFilter{justify-self:start}.editor-actions{justify-content:flex-end}.editor-actions .status{margin-right:auto}.err{color:var(--err);white-space:pre-line;margin:0;font-weight:500}.err:empty,.status:empty{display:none}.status{color:var(--ok);overflow-wrap:anywhere;margin:0;font-weight:500}.screen{align-content:start;gap:14px;width:100%;min-width:0;max-width:920px;display:grid}.screen-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.screen-head h2{font-size:1.3rem}.screen-head h2:focus{outline:none}.screen-head h2:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.panel{gap:12px;min-width:0;display:grid}.tools-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tools-row .search{flex:220px;min-width:0}.tools-row .btn{flex:none}#custTabs button{min-height:44px;padding:6px 18px}#custTabs button[aria-selected=true]{background:var(--ink);color:#fff}.for-chip{color:#3b2a9e;background:#efeafe;border-radius:999px;justify-self:start;align-items:center;gap:4px;max-width:100%;margin:0;padding:0 0 0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.for-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-x{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.chip-x svg{width:18px;height:18px}.chip-x:focus-visible{outline:2px solid var(--accent)}.cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bcard{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;min-width:0;padding:8px 10px 8px 14px;display:grid}.bcard .open{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-content:center;gap:3px;min-width:0;min-height:44px;margin:0;padding:4px 0;display:grid}.bcard .open:hover .l1 b{text-decoration:underline}.bcard .open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bcard div.open{cursor:default}.l1{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.l1 b{overflow-wrap:anywhere;font-weight:650}.l2{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;overflow:hidden}.bcard .acts{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.bcard .acts .btn.small{white-space:nowrap}.dots{flex:none;width:44px;padding:0}.bcard.cancelled .l1 b{color:var(--dim);text-decoration:line-through}@media (width<=599px){.bcard{grid-template-columns:minmax(0,1fr);padding:8px 10px 10px 12px}.bcard .acts .btn.small:not(.dots){text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}}.chip{background:var(--soft);color:#3f3d58;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-block}.chip.s-open{color:#4b2fc9;background:#efeafe}.chip.s-accepted,.chip.s-paid{color:#17643a;background:#e3f5ea}.chip.s-unpaid{color:#7a4a00;background:#fff1d6}.chip.s-declined{color:#9c2219;background:#fde8e6}.chip.s-cancelled{color:#4a4860;background:#ececf1}.empty-state{background:#ffffffb3;border:1px dashed #c9cbdb;border-radius:14px;justify-items:start;gap:10px;padding:18px;display:grid}.empty-state p{color:var(--dim);margin:0}.cards .empty{color:var(--dim);border:1px dashed #c9cbdb;border-radius:14px;padding:14px}.menu{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;min-width:200px;max-width:min(320px,100vw - 16px);margin:0;padding:6px;box-shadow:0 12px 32px #14122b2e}.menu:not(:popover-open):not(.open){display:none}.menu.fallback{z-index:60;position:fixed}.menu.at{position:fixed;inset:auto}.menu.as-sheet{width:100%;max-width:100%;padding:8px 8px calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0}.menu.as-sheet::backdrop{background:#14122b59}.menu button{width:100%;min-height:44px;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:8px 12px;font-size:.95rem;font-weight:500;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--soft);outline:none}.menu button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.menu button.danger{color:var(--err)}#editBody{margin:4px 0}.logo-row{gap:4px;font-size:.92rem;font-weight:500;display:grid}#logoImg{border:1px solid var(--line);border-radius:6px;max-width:120px;max-height:48px}details>summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"+";width:1.2em;color:var(--accent);font-family:var(--mono);display:inline-block}details[open]>summary:before{content:"-"}details.more>summary{color:var(--accent);font-weight:500}details.more>.grid2{margin-top:6px}.about{gap:8px}.about details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 16px}.about-link{text-align:center;margin:0}.about p{line-height:1.6}.about details p{color:var(--dim);margin:0 0 12px}.info{border-top:1px solid var(--line);background:var(--bg);padding:32px 16px calc(var(--dock-h) + 32px + env(safe-area-inset-bottom))}.info-in{gap:14px;max-width:760px;margin:0 auto;display:grid}.info h2{margin-top:12px;font-size:1.3rem}.info h2:first-child{margin-top:0}.info p{margin:0;line-height:1.6}.steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:36px minmax(0,1fr);gap:2px 12px;padding:12px 14px;line-height:1.5;display:grid}.steps li:before{content:counter(step);background:var(--glow);color:#fff;border-radius:999px;grid-row:span 2;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.steps li span{color:var(--dim)}.faq{gap:8px;display:grid}.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 16px}.faq details p{color:var(--dim);margin:0 0 12px}@media (width>=900px){.info{padding:40px 24px 56px calc(var(--rail-w) + 24px)}}dialog{color:var(--ink)}dialog::backdrop{background:#14122b66}dialog.sheet{border:0;border-left:1px solid var(--line);background:var(--bg);flex-direction:column;width:min(520px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;display:none}dialog.sheet[open]{display:flex}dialog.sheet.bottom{border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;width:min(560px,100vw);height:fit-content;max-height:88dvh;margin:auto auto 0}dialog.sheet.bottom .sheet-head{border-radius:18px 18px 0 0}dialog.sheet.bottom .sheet-body{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sheet-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.sheet-body{flex:1;align-content:start;gap:16px;padding:16px;display:grid;overflow:auto}.set-sec{border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;padding:14px;display:grid}.sec-h{margin:0}#profileForm,#moreOpts{gap:16px;display:grid}#moreOpts[open]{display:grid}#moreOpts>.set-sec{margin-top:12px}.lang-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.92rem;font-weight:500;display:flex}.sticky-save{background:var(--bg);padding:12px 0;position:sticky;bottom:-16px}.sticky-save .btn{flex:1}.ai-body{gap:10px;display:grid}.welcome{display:none}.welcome h3{margin:0 0 4px;font-size:1.2rem}#settingsDlg.first .welcome{display:block}.welcome-restore .btn{width:100%}.welcome-restore .err{margin-top:8px}#settingsDlg.first :is(#dataSec,#secBizH){display:none}dialog.confirm{border:1px solid var(--line);border-radius:18px;max-width:min(560px,100vw - 32px);padding:20px}dialog.confirm form{gap:12px;display:grid}dialog table{border-collapse:collapse;width:100%;font-size:.92rem}dialog td,dialog th{border-bottom:1px solid var(--line);text-align:left;padding:6px 4px}dialog td.num{text-align:right;font-family:var(--mono)}.fs{z-index:50;background:#1b1930;flex-direction:column;display:flex;position:fixed;inset:0}.fs-bar{color:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.fs-body{flex:1;justify-content:center;align-items:flex-start;padding:8px 12px 24px;display:flex;overflow:auto}#fsCanvas{background:#fff;width:auto;max-width:100%;height:auto;box-shadow:0 6px 30px #0006}#fsCanvas.phone{width:min(100%,640px)}#fsCanvas.a4{width:min(100%,980px)}@media (prefers-reduced-motion:no-preference){.btn,.seg button,.nav button,.menu button{transition:background-color .15s,box-shadow .15s,transform .1s}.btn:active{transform:translateY(1px)}dialog.sheet[open]{animation:.22s ease-out slide-in}dialog.sheet.bottom[open]{animation-name:slide-up}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}
