:root{--ink:#0a1a44;--ink-2:#0f2458;--ink-3:#183275;--brand:#1a45b0;--brand-2:#3a6cf0;--brand-3:#e2eaff;--brand-4:#f1f5ff;--bg:#f4f6fa;--white:#fff;--text:#0a1a44;--muted:#46598a;--line:#d8e0f0;--line-2:#eef2fa;--danger:#b3261e;--danger-bg:#fdecea;--warn:#8a5300;--warn-bg:#fff3dc;--radius:12px;--shadow:0 8px 28px -14px #0a1a4447;--display:"Montserrat",system-ui,sans-serif;--body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--side:248px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:3px solid var(--brand-2);outline-offset:2px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:#fff;border-radius:8px;padding:.6rem 1rem;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.center{text-align:center}.btn{border:1.5px solid var(--line);white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--ink-3);border-color:var(--ink-3);color:#fff}.btn.white{color:var(--brand);background:#fff;border-color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger-outline{color:var(--danger);border-color:#efc4c0}.btn.danger-outline:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn.block{width:100%}.btn.spaced{margin-top:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:40px;height:40px;color:var(--muted);border-radius:9px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--brand-3);color:var(--brand)}.icon-btn.on-dark{color:#fff}.icon-btn.on-dark:hover{color:#fff;background:#ffffff24}.link{color:var(--brand);font-weight:700}.link:hover{text-decoration:underline}.shell{min-height:100dvh}.sidebar{width:var(--side);background:var(--ink);color:#fff;z-index:40;flex-direction:column;padding:1.1rem .85rem;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:.6rem;padding:0 .35rem .9rem;display:flex}.brand div{flex-direction:column;line-height:1.15;display:flex}.brand strong{font-family:var(--display);font-size:1.15rem}.brand span{color:#b9c9ee;font-size:.72rem;font-weight:600}.menu-close{margin-left:auto;display:none}.new-btn{margin:0 .2rem .9rem}.nav-group{margin-bottom:.7rem}.nav-group p{letter-spacing:.09em;text-transform:uppercase;color:#a9bbe4;padding:.3rem .65rem;font-size:.7rem;font-weight:800}.nav-group a{color:#dbe4f8;border-radius:9px;align-items:center;gap:.65rem;min-height:40px;padding:.4rem .65rem;font-size:.92rem;font-weight:600;display:flex}.nav-group a:hover{color:#fff;background:#ffffff1a}.nav-group a.active{background:var(--brand);color:#fff}.side-foot{border-top:1px solid #ffffff24;margin-top:auto;padding-top:.8rem}.sample-chip{background:#ffffff1f;border-radius:7px;margin-bottom:.4rem;padding:.3rem .6rem;font-size:.74rem;font-weight:700}.sign-out{color:#dbe4f8;border-radius:9px;align-items:center;gap:.6rem;width:100%;min-height:40px;padding:.4rem .65rem;font-size:.9rem;font-weight:600;display:flex}.sign-out:hover{color:#fff;background:#ffffff1a}.main{margin-left:var(--side);max-width:calc(1320px + var(--side));outline:0;padding:1.6rem clamp(1rem,3vw,2.2rem) 3rem}.topbar{z-index:30;background:var(--ink);color:#fff;align-items:center;gap:.5rem;height:56px;padding:0 .5rem;display:none;position:sticky;top:0}.topbar-name{font-family:var(--display);flex:1;font-weight:700}.scrim{display:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.2rem;display:flex}.page-head h1{font-size:1.55rem}.sub{color:var(--muted);margin-top:.15rem;font-size:.92rem}.back{color:var(--brand);margin-bottom:.3rem;font-size:.85rem;font-weight:700;display:inline-block}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:1rem;padding:1.1rem}.card-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.card-head h2{font-size:1rem}.empty{text-align:center;padding:2.2rem 1rem}.empty h3{font-size:1.05rem}.empty p{color:var(--muted);margin:.3rem 0 .9rem}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.76rem;font-weight:800;display:inline-flex}.badge.paid,.badge.received{background:var(--brand);color:#fff}.badge.unpaid,.badge.sent{background:var(--brand-3);color:var(--brand)}.badge.part{border-color:var(--brand);color:var(--brand);background:#fff}.badge.draft{border-color:var(--line);color:var(--muted);background:#fff}.badge.overdue{background:var(--danger-bg);color:var(--danger)}.badge.cancelled{border-color:var(--line);color:var(--muted);background:#fff;text-decoration:line-through}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chips button{border:1.5px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.82rem;font-weight:700}.chips button:hover{border-color:var(--brand);color:var(--brand)}.chips button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.search{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:.4rem;min-width:260px;padding:0 .7rem;display:flex}.search.wide{width:min(420px,100%)}.search input{width:100%;min-height:40px;color:var(--text);background:0 0;border:0;outline:0}.search:focus-within{border-color:var(--brand)}.range{gap:.6rem;display:flex}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;letter-spacing:.04em;color:var(--muted);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:.5rem .6rem;font-size:.74rem;font-weight:800}.table th.right{text-align:right}.table td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:.65rem .6rem}.table tbody tr:hover{background:var(--brand-4)}.table tbody tr:last-child td{border-bottom:0}.cell-sub{color:var(--muted);font-size:.8rem;display:block}.row-actions{text-align:right;white-space:nowrap}.small-input{width:110px}input,select,textarea{border:1.5px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:42px;padding:.5rem .65rem}textarea{resize:vertical;min-height:0}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-3);outline:0}input:disabled{background:var(--bg);color:var(--muted)}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--brand);flex:none}.field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.field label{font-size:.82rem;font-weight:700}.req{color:var(--danger)}.hint{color:var(--muted);font-size:.78rem}.field-err{color:var(--danger);font-size:.8rem;font-weight:600}.field-err.boxed{background:var(--danger-bg);border-radius:8px;margin-bottom:.7rem;padding:.5rem .7rem}.warn{color:var(--warn);align-items:center;gap:.25rem;margin-top:.15rem;font-size:.78rem;font-weight:700;display:flex}.input-row{gap:.4rem;display:flex}.input-row select,.input-row input{flex:1;min-width:0}.check{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.span2{grid-column:span 2}.modal{box-shadow:var(--shadow);color:var(--text);border:0;border-radius:14px;max-height:calc(100dvh - 32px);padding:0}.modal::backdrop{background:#0a1a448c}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.8rem 1.1rem;display:flex}.modal-head h2{font-size:1.05rem}.modal-body{padding:1.1rem}.modal-text{color:var(--muted);margin-bottom:.8rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:60;border-radius:10px;padding:.6rem 1.05rem;font-size:.88rem;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,12px)}.toast.on{opacity:1;transform:translate(-50%)}.login{background:var(--ink);place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{background:#fff;border-radius:16px;gap:.85rem;width:min(400px,100%);padding:1.8rem;display:grid}.login-card img{margin:0 auto}.login-card h1{text-align:center;font-size:1.4rem}.login-card .sub{text-align:center;margin-top:-.6rem}.setup{justify-items:center;gap:.8rem;width:min(440px,100%);display:grid}.setup .login-card{width:100%}.login-card img.qr{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px}.secret{overflow-wrap:anywhere;color:var(--text);font-size:.82rem}.tf{gap:.85rem;display:grid}.tf .qr{border:1px solid var(--line);background:#fff;border-radius:10px;justify-self:center;padding:6px}.tf-choices{gap:.6rem;display:grid}.tf-choice{text-align:left;border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;display:flex}.tf-choice:hover{border-color:var(--brand)}.tf-choice:disabled{opacity:.5;cursor:wait}.tf-choice svg{color:var(--brand);flex:none;margin-top:.1rem}.tf-choice b{display:block}.tf-choice small{color:var(--muted);margin-top:.15rem;font-size:.82rem;display:block}.codes{grid-template-columns:repeat(2,1fr);gap:.35rem .8rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.link-btn{color:var(--brand);justify-self:center;min-height:32px;font-size:.85rem;font-weight:700}.link-btn:hover{text-decoration:underline}.link-btn.on-dark{color:#dbe4f8}.splash{background:var(--ink);color:#fff;place-content:center;justify-items:center;gap:.8rem;min-height:100dvh;font-weight:700;display:grid}.who{color:#fff;overflow-wrap:anywhere;padding:.2rem .65rem;font-size:.82rem;font-weight:700}.rule{border:0;border-top:1px solid var(--line-2);margin:1rem 0}.spaced{margin-top:.6rem}.field-end{align-items:flex-end;display:flex}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:.1rem;min-width:0;padding:.9rem 1rem;display:flex}.kpi span{color:var(--muted);font-size:.8rem;font-weight:700}.kpi b{font-family:var(--display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.35rem}.kpi small{color:var(--muted);font-size:.76rem}.kpi.solid{background:var(--brand);border-color:var(--brand);color:#fff}.kpi.solid span,.kpi.solid small{color:#dbe6ff}.dash-grid{grid-template-columns:3fr 2fr;gap:.8rem;margin-bottom:0;display:grid}.bars{grid-template-columns:repeat(6,1fr);gap:.6rem;height:210px;display:grid}.bar-col{flex-direction:column;align-items:center;gap:.25rem;min-width:0;height:100%;display:flex}.bar-track{flex:1;align-items:flex-end;width:100%;max-width:54px;display:flex}.bar{background:var(--brand);border-radius:6px 6px 0 0;width:100%}.bar-value{color:var(--muted);font-size:.75rem;font-weight:700}.bar-label{font-size:.8rem;font-weight:700}.attention{margin:0;padding:0;list-style:none}.attention a{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem .3rem;display:flex}.attention li:last-child a{border-bottom:0}.attention a:hover{background:var(--brand-4)}.attention span{flex-direction:column;min-width:0;display:flex}.attention small{color:var(--muted);font-size:.78rem}.attention strong{font-variant-numeric:tabular-nums;white-space:nowrap}.editor{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.editor-side{position:sticky;top:1rem}.lines-head,.line{grid-template-columns:minmax(0,1fr) 130px 130px 130px 40px;align-items:start;gap:.6rem;display:grid}.lines-head{color:var(--muted);border-bottom:1.5px solid var(--line);padding-bottom:.35rem;font-size:.74rem;font-weight:800}.line{border-bottom:1px solid var(--line-2);padding:.6rem 0}.line-num label{display:none}.with-unit{position:relative}.with-unit span{color:var(--muted);pointer-events:none;font-size:.78rem;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.with-unit input{padding-right:2.6rem}.line-amount{text-align:right;font-variant-numeric:tabular-nums;padding-top:.55rem;font-weight:700}.line-label{display:none}.line-product .hint{margin-top:.2rem}.add-line{margin-top:.7rem}.sum{gap:.4rem;margin:0;font-size:.9rem;display:grid}.sum div{justify-content:space-between;gap:1rem;display:flex}.sum dt{color:var(--muted)}.sum dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.sum .grand{border-top:1.5px solid var(--line);margin-top:.15rem;padding-top:.5rem;font-size:1.05rem}.sum .grand dt{color:var(--text);font-weight:800}.tax-note{margin-top:.6rem}.side-actions{gap:.5rem;margin-top:.8rem;display:grid}.doc-view{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1rem;display:grid}.doc-view.single{grid-template-columns:minmax(0,1fr)}.doc-side .card:last-child{margin-bottom:0}.mini-list{border-top:1px solid var(--line-2);gap:.3rem;margin:.7rem 0 0;padding:.6rem 0 0;font-size:.84rem;list-style:none;display:grid}.mini-list li{justify-content:space-between;gap:.6rem;display:flex}.mini-list span{color:var(--muted)}.settings{max-width:820px}.row-btns{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.paper{border:1px solid var(--line);box-shadow:var(--shadow);width:100%;max-width:794px;color:var(--ink);background:#fff;border-radius:6px;margin-inline:auto;padding:30px;font-size:12px;line-height:1.4;position:relative;overflow:hidden}.stamp{font-family:var(--display);color:var(--danger);opacity:.14;pointer-events:none;text-transform:uppercase;font-size:64px;font-weight:700;position:absolute;top:210px;left:50%;transform:translate(-50%)rotate(-14deg)}.stamp.draft{color:var(--brand)}.p-head{border-bottom:3px solid var(--brand);justify-content:space-between;gap:1rem;padding-bottom:12px;display:flex}.p-brand{gap:10px;min-width:0;display:flex}.p-brand img{flex:none;align-self:flex-start;width:58px;height:auto}.p-scroll{overflow-x:auto}.p-brand h2{color:var(--brand);font-size:16px}.p-brand p{color:var(--muted);font-size:10.5px}.p-title{text-align:right;flex:none}.p-title h1{font-size:19px}.p-title p{color:var(--muted);font-size:10px}.p-meta{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px 12px;padding:10px 0;display:grid}.p-meta span{color:var(--muted);font-size:9.5px;display:block}.p-meta b{font-size:11.5px}.p-parties{grid-template-columns:1fr 1fr;gap:16px;padding:10px 0;display:grid}.paper h3{font-family:var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:2px;font-size:9.5px;font-weight:800}.p-parties p{font-size:11px}.p-lines,.p-hsn{border-collapse:collapse;width:100%}.p-lines th,.p-hsn th{background:var(--brand);color:#fff;text-align:center;padding:5px 6px;font-size:10px;font-weight:700}.p-hsn th{background:var(--brand-3);color:var(--ink)}.p-lines td,.p-hsn td{text-align:center;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums;padding:6px}.p-hsn td{padding:4px 6px;font-size:10.5px}.paper .left{text-align:left}.paper .right{text-align:right}.p-lines small{color:var(--muted);font-size:10px;display:block}.p-bottom{grid-template-columns:1fr 240px;gap:16px;padding:10px 0;display:grid}.p-words p{margin-bottom:4px;font-size:11px}.p-rate,.p-lut{color:var(--muted)}.p-lut{color:var(--ink);font-weight:700}.p-totals{gap:3px;margin:0;display:grid}.p-totals div{justify-content:space-between;gap:10px;display:flex}.p-totals dt{color:var(--muted)}.p-totals dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.p-totals .grand{background:var(--brand);color:#fff;border-radius:4px;margin-top:3px;padding:6px 8px;font-size:13px}.p-totals .grand dt{color:#fff;font-weight:700}.p-foot{border-top:1px solid var(--line);grid-template-columns:1fr 200px;gap:16px;margin-top:14px;padding-top:10px;display:grid}.p-foot p{font-size:10.5px}.p-foot h3:not(:first-child){margin-top:6px}.p-sign{text-align:right}.p-sign-space{height:44px}.p-sign small{color:var(--muted);font-size:9.5px}@media (width<=1180px){.editor,.doc-view{grid-template-columns:minmax(0,1fr)}.editor-side{position:static}.doc-side{width:100%;max-width:794px;margin-inline:auto}}@media (width<=1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.topbar{display:flex}.sidebar{box-shadow:var(--shadow);transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:none}.menu-close{display:inline-grid}.scrim{opacity:0;visibility:hidden;z-index:35;background:#0a1a4480;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.on{opacity:1;visibility:visible}.main{margin-left:0;padding:1rem 1rem 3rem}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.search{width:100%;min-width:0}.table.stack thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table.stack tr{border-bottom:1px solid var(--line);padding:.5rem 0;display:block}.table.stack tbody tr:last-child{border-bottom:0}.table.stack td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem .1rem;display:flex}.table.stack td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:.78rem;font-weight:700}.table.stack td b,.table.stack td .cell-sub{text-align:right}.table.stack td.row-actions{justify-content:flex-end}.lines-head{display:none}.line{grid-template-columns:repeat(2,minmax(0,1fr));position:relative}.line-product{grid-column:1/-1;padding-right:44px}.line .icon-btn{position:absolute;top:.6rem;right:0}.line-num label{margin-bottom:.2rem;font-size:.78rem;font-weight:700;display:block}.line-amount{grid-column:1/-1;justify-content:space-between;padding-top:0;display:flex}.line-label{color:var(--muted);font-size:.78rem;display:inline}.paper{padding:16px}.p-head{flex-direction:column}.p-title{text-align:left}.p-meta{grid-template-columns:repeat(2,1fr)}.p-parties,.p-bottom,.p-foot{grid-template-columns:1fr}.p-lines{min-width:520px;font-size:10px}.p-lines th,.p-lines td{padding:4px 3px}}@media (width<=480px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}.page-actions{width:100%}.page-actions .btn{flex:1}.range{width:100%}.kpi{padding:.7rem .75rem}.kpi b{overflow-wrap:normal;font-size:1.02rem}}@media print{@page{size:A4;margin:10mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.no-print,.toast,.skip{display:none!important}.main{max-width:none;margin:0;padding:0}.doc-view{display:block}.paper{box-shadow:none;border:0;border-radius:0;max-width:none;padding:0}.p-head{flex-direction:row}.p-title{text-align:right}.p-meta{grid-template-columns:repeat(4,1fr)}.p-parties{grid-template-columns:1fr 1fr}.p-bottom{grid-template-columns:1fr 240px}.p-foot{grid-template-columns:1fr 200px}.p-lines{min-width:0}.p-scroll{overflow:visible}.p-lines,.p-hsn,.p-bottom,.p-foot{break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}