@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--frame:#0c0c0f;--panel:#111114;--canvas:#0e0e12;--float:#131317;--ctl:#1b1b20;--ctl-hover:#222228;--ctl-active:#18181c;--well:#0d0d10;--text:#fff;--text-2:#fffc;--text-3:#989899;--muted:#ffffff80;--faint:#ffffff52;--hair:#ffffff0f;--violet:#5016ff;--violet-hover:#5b25ff;--violet-active:#4812e6;--ring:#7f59f099;--danger:#ff6b7a;--r-ctl:8px;--r-float:12px;--r-panel:10px;--sh-ctl:0 2px 4px -1px #00000014, 0 1px 1px -1px #0000001f, 0 0 0 1px #0000001f, inset 0 1px 0 #ffffff0a, inset 0 0 0 1px #fdfdff0a;--sh-float:0 24px 48px #0000001f, 0 10px 18px #0000001f, 0 5px 8px #00000029, 0 2px 4px #00000029, 0 0 0 1px #0000001f, inset 0 0 0 1px #ffffff08;--ts:0 -1px .25px #00000052;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.645, .045, .355, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--frame);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;font-weight:450;line-height:1.5}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}h2{text-shadow:var(--ts);font-size:14px;font-weight:550}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::selection{background:#7f59f059}.num{font-variant-numeric:tabular-nums}.strong{font-weight:550}.muted{color:var(--text-3)}.small{font-size:12.5px}.block{display:block}.warn{color:#ffc56b}.pre{white-space:pre-line}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.tight{flex-wrap:nowrap;gap:6px}.stack{flex-direction:column;gap:16px;display:flex}.frame{background:var(--frame);height:100dvh;display:flex;overflow:hidden}.rail{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:70px;padding:20px 17px;display:flex}.rail-logo{color:#fff;--logo-ink:#0c0c0f;border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.rail-new{background:var(--ctl);color:#fff;width:36px;height:36px;box-shadow:var(--sh-ctl);transition:background-color .15s ease, transform .16s var(--ease-out);border-radius:999px;place-items:center;margin-bottom:10px;display:grid}.rail-new:active{background:var(--ctl-active);transform:scale(.94)}.rail nav{flex-direction:column;gap:10px;display:flex;position:relative}.rail-item{width:36px;height:36px;color:var(--faint);border-radius:10px;place-items:center;transition:color .15s,background-color .15s;display:grid;position:relative}.rail-item.on{color:#fff}.rail-item.on:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:2px;height:20px;position:absolute;top:8px;left:-17px}.rail-bottom{margin-top:auto}.rail [data-tip]{position:relative}.rail [data-tip]:after{content:attr(data-tip);z-index:50;background:var(--float);box-shadow:var(--sh-float);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:0;transition:opacity .125s ease, transform .125s var(--ease-out);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%)}.panel{border-radius:var(--r-panel);background:var(--panel);flex-direction:column;flex:1;min-width:0;margin:6px 6px 6px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0006,0 0 2px #0000004d}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:16px 16px 12px 24px;display:flex}.crumbs{align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.crumb-part{min-width:0;color:var(--text-3);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.crumb-part svg{color:var(--faint);flex-shrink:0}.crumb-part a{transition:color .15s}.crumb-part b{color:#fff;text-shadow:var(--ts);text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-weight:550;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.subbar{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;min-height:51px;padding:8px 16px;display:flex}.content{flex:1;min-height:0;padding:20px 16px 40px;overflow-y:auto}.content.narrow .stack{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start;display:grid}.canvas{background-color:var(--canvas);background-image:radial-gradient(#ffffff1c 1px,#0000 1.4px);background-position:-10px -10px;background-size:20px 20px}.lede{color:var(--text-3);margin:0 16px}.btn{border-radius:var(--r-ctl);background:var(--ctl);height:32px;color:var(--text-2);box-shadow:var(--sh-ctl);text-shadow:var(--ts);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--ease-in-out), color .15s var(--ease-in-out), transform .16s var(--ease-out), opacity .15s ease;border:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:500;line-height:24px;display:inline-flex}.btn:has(svg){padding-left:6px;padding-right:10px}.btn svg{flex-shrink:0}.btn:active:not(:disabled){background:var(--ctl-active);transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background-color:var(--violet);color:#fff;background-image:linear-gradient(#ffffff1a 0%,#fff0 100%);box-shadow:0 2px 6.5px #5016ff38,0 4px 4px #5016ff40,0 0 0 1px #0000001f,inset 0 1px #ffffff0a,inset 0 0 0 1px #fdfdff0a}.btn.primary:active:not(:disabled){background-color:var(--violet-active)}.btn.ghost{box-shadow:none;color:var(--text-3);background:0 0}.btn.danger{color:var(--danger)}.btn.compact{border-radius:7px;height:28px;padding:0 10px;font-size:13px}.icon-btn{width:30px;height:30px;color:var(--faint);cursor:pointer;transition:transform .16s var(--ease-out), color .15s ease, background-color .15s ease;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:default}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background-color:var(--ctl-hover);color:#fff}.btn.primary:hover:not(:disabled){background-color:var(--violet-hover)}.btn.ghost:hover:not(:disabled){background:#ffffff0a}.btn.ghost.danger:hover:not(:disabled){color:var(--danger)}.icon-btn:hover:not(:disabled){color:#fff;background:#ffffff0d}.rail-item:hover{color:#ffffffb3}.rail-new:hover{background:var(--ctl-hover)}.rail [data-tip]:hover:after{opacity:1;transition-delay:.3s;transform:translateY(-50%)}.crumb-part a:hover{color:#fff}.table tbody tr:hover td{background:#ffffff06}.tabs button:not(.on):hover{color:#c2c2c3}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label,.mini>span{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:550}.hint{color:var(--muted);font-size:12px}.input{border-radius:var(--r-ctl);background:var(--well);color:#fff;width:100%;min-width:0;height:34px;font:inherit;border:0;outline:none;padding:0 10px;font-size:14px;transition:box-shadow .15s;box-shadow:0 0 0 1px #0000003d,inset 0 0 0 1px #ffffff0d,inset 0 2px 4px #0003}textarea.input{resize:vertical;height:auto;min-height:34px;padding:7px 10px;line-height:1.45}.input::placeholder{color:#ffffff40}.input:focus{box-shadow:0 0 0 1px #0000003d,inset 0 0 0 1px #7f59f0b3,0 0 0 3px #7f59f02e}.input.num{text-align:right}.input[type=date]{font-variant-numeric:tabular-nums}.input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.input.search{width:260px;height:34px}.input.compact,.select .input.compact{width:auto;height:30px;font-size:13px}.select{min-width:0;position:relative}.select select{appearance:none;cursor:pointer;text-overflow:ellipsis;padding-right:30px}.select svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;translate:0 -50%}.affix{align-items:center;min-width:0;display:flex;position:relative}.affix>span{color:var(--muted);pointer-events:none;font-size:13px;position:absolute;left:10px}.affix>.input{padding-left:32px}.affix.suffix>span{left:auto;right:10px}.affix.suffix>.input{padding-left:10px;padding-right:38px}.tabs,.segmented{background:var(--well);border-radius:9px;flex-shrink:0;gap:2px;padding:1px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0000003d,0 1px 1px #0000000d,inset 0 2px 4px #0003}.tabs{scrollbar-width:none;overflow-x:auto}.tabs button,.segmented button{height:32px;color:var(--text-3);letter-spacing:-.26px;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #0000003d;transition:color .3s var(--ease-in-out);background:linear-gradient(#222229 0%,#1b1b20 50% 100%);border:0;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 2px 4px -1px #00000080,inset 0 .8px #4b4c4d,inset 0 1px 1px #ffffff1f}.tabs button:first-child,.segmented button:first-child{border-radius:8px 2px 2px 8px}.tabs button:last-child,.segmented button:last-child{border-radius:2px 8px 8px 2px}.tabs button.on,.segmented button.on{color:#fff;font-weight:600}.tabs .count{min-width:18px;height:18px;color:var(--text-3);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.tabs button.on .count{color:#fff;background:#7f59f059}.segmented button{height:30px;padding:0 12px;font-size:13px}.quick{gap:4px;display:inline-flex}.quick button{background:var(--ctl);height:22px;box-shadow:var(--sh-ctl);color:var(--text-3);cursor:pointer;transition:color .12s ease, transform .16s var(--ease-out);border:0;border-radius:6px;padding:0 8px;font-size:11.5px;font-weight:500}.quick button:active{transform:scale(.96)}.quick button.on{color:#fff;box-shadow:var(--sh-ctl), inset 0 0 0 1px #7f59f0b3}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.span-2{grid-column:span 2}.float-panel,.card{border-radius:var(--r-float);background:var(--float);box-shadow:var(--sh-float)}.card{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.node{--accent:#9875ff;--accent-body:#272438;border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;flex-direction:column;gap:3px;padding:5px 5px 7px;display:flex}.node[data-accent=sky]{--accent:#75caff;--accent-body:#243038}.node[data-accent=green]{--accent:#75ffd3;--accent-body:#22332f}.node[data-accent=amber]{--accent:#ffc56b;--accent-body:#362f22}.node[data-accent=pink]{--accent:#ff75c8;--accent-body:#382433}.node-head{height:32px;color:var(--accent);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.node-head i{border:1.5px solid;border-radius:50%;flex-shrink:0;width:8px;height:8px}.node-body{background:var(--accent-body);border-radius:7px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.node-body .value{letter-spacing:-.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--ts);font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.25;overflow:hidden}.node-body .value[data-ready=false]{color:var(--faint)}.node-body .note{color:#ffffff80;font-size:13px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px;display:grid}.table-wrap{border-radius:var(--r-float);background:var(--float);box-shadow:var(--sh-float);margin:0;overflow:auto hidden}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;height:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--hair);white-space:nowrap;padding:0 16px;font-size:12px;font-weight:550}.table td{border-bottom:1px solid var(--hair);white-space:nowrap;height:52px;padding:0 16px;transition:background-color .1s}.table tbody tr{cursor:pointer}.table tbody tr:last-child td{border-bottom:0}.table td .block{white-space:normal;font-size:13px}.table .r{text-align:right}.row-link{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.badge{--accent:#b4b4b8;letter-spacing:0;white-space:nowrap;height:22px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);text-shadow:none;background-image:linear-gradient(#ffffff0a,#0000);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.draft{--accent:#ab8fff}.badge.sent{--accent:#75caff}.badge.overdue{--accent:#ffc56b}.badge.paid{--accent:#75ffd3}.badge.void{--accent:#8a8a8f;text-decoration:line-through}.avatar{color:#75caff;background:#243038;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:600;display:grid}.empty-state{border-radius:var(--r-float);text-align:center;color:var(--text-3);background:#131317b3;flex-direction:column;align-items:center;gap:8px;margin:0;padding:64px 16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.empty-state h2{color:#fff;font-size:15px}.empty-state .row{justify-content:center;margin-top:10px}.table-skeleton{border-radius:var(--r-float);flex-direction:column;gap:1px;margin:0;display:flex;overflow:hidden}.table-skeleton div{background:var(--float);height:52px;animation:1.2s ease-in-out infinite alternate pulse}.editor-skeleton,.paper-skeleton{border-radius:var(--r-float);background:var(--float);height:70vh;margin:0;animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.55}}.editor{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;gap:24px;padding:16px;display:grid}.editor-form{scrollbar-width:thin;flex-direction:column;max-height:calc(100dvh - 112px);display:flex;position:sticky;top:0;overflow-y:auto}.editor-form>section{border-bottom:1px solid var(--hair);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.editor-form>section:last-of-type{border-bottom:0}.editor-form .card-head h2{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);text-shadow:none;font-size:12px;font-weight:550}.editor-preview{padding:8px 8px 40px}.editor-preview .paper{max-width:820px;margin:0 auto}.preview-label{color:#ab8fff;align-items:center;gap:8px;max-width:820px;margin:0 auto 12px;font-size:13px;font-weight:500;display:flex}.preview-label i{border:1.5px solid;border-radius:50%;width:8px;height:8px}.lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.line{--accent:#75caff;border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:12px;flex-direction:column;gap:6px;padding:5px;display:flex}.line-main{flex-direction:column;gap:4px;display:flex}.line .input{background:#1c242a}.line .detail{height:30px;min-height:30px;color:var(--text-2);resize:none;field-sizing:content;max-height:160px;padding:5px 10px;font-size:13px}.line-nums{grid-template-columns:64px 76px minmax(0,1fr) 30px;align-items:end;gap:6px;padding:0 2px 2px;display:grid}.line-nums .mini>span{color:color-mix(in srgb, var(--accent) 70%, white);opacity:.75}.mini{flex-direction:column;gap:4px;min-width:0;display:flex}.mini>span{font-size:11px}.line-total{color:#fff;border-top:1px solid #75caff1a;grid-column:1/-1;justify-content:space-between;padding:6px 4px 0;font-weight:600;display:flex}.line-total:before{content:"Jumlah";color:#ffffff73;font-size:13px;font-weight:500}.line-nums .icon-btn{margin-bottom:2px}.add-line{align-self:flex-start}.totals-card dl,.paper-totals dl{flex-direction:column;gap:6px;margin:0;display:flex}.totals-card dl div,.paper-totals dl div{justify-content:space-between;display:flex}.totals-card dt{color:var(--text-3)}.totals-card dd,.paper-totals dd{margin:0}.totals-card .grand{border-top:1px solid var(--hair);letter-spacing:-.01em;margin-top:6px;padding-top:12px;font-size:18px;font-weight:600}.totals-card .grand dt{color:#fff}.view{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;padding:24px;display:grid}.view-paper .paper{max-width:860px;margin:0 auto}.view-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.view-side .card{gap:10px}.view-side a.small{color:#ab8fff}.link-box{background:var(--well);border-radius:10px;align-items:center;gap:8px;padding:3px 3px 3px 10px;display:flex;box-shadow:0 0 0 1px #0000003d,inset 0 2px 4px #0003,inset 0 0 0 1px #ffffff0a}.link-box code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;overflow:hidden}.timeline{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.timeline li{justify-content:space-between;gap:12px;display:flex}.timeline b{font-weight:500}.timeline span{color:var(--muted);font-variant-numeric:tabular-nums}.menu{position:relative}.menu-pop{z-index:30;border-radius:var(--r-float);background:var(--float);min-width:250px;box-shadow:var(--sh-float);transform-origin:100% 0;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu-pop button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;height:34px;padding:0 10px;font-size:14px;font-weight:500;transition:background-color .1s}.menu-pop button:focus-visible,.menu-pop button:hover{box-shadow:var(--sh-ctl);background:#ffffff0a}.menu-pop button.danger{color:var(--danger)}.sheet-root{z-index:40;position:fixed;inset:0}.sheet-overlay{background:#000;position:absolute;inset:0}.sheet{border-radius:var(--r-float);background:var(--float);width:min(440px,100vw - 24px);box-shadow:var(--sh-float);flex-direction:column;display:flex;position:absolute;top:12px;bottom:12px;right:12px}.sheet-head{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;height:52px;padding:0 10px 0 18px;display:flex}.sheet-head h2{font-size:14px}.sheet-body{flex:1;padding:18px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--hair);gap:8px;padding:12px;display:flex}.toaster{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;translate:-50%}.toast{background:var(--float);color:#fff;box-shadow:var(--sh-float), inset 0 0 0 1px #ffffff0f;text-align:center;max-width:min(420px,100vw - 32px);text-shadow:var(--ts);border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:500}.toast.error{color:#ffb4bc;box-shadow:var(--sh-float), inset 0 0 0 1px #ff6b7a4d}.paper{--ink:#0a0a0a;--ink-2:#525252;--ink-3:#8a8a8a;--rule:#ececec;padding:var(--pad,48px);border-radius:var(--paper-r,12px);color:var(--ink);--logo-ink:#fff;background:#fff;font-size:13px;line-height:1.5;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 60px #00000059}.paper p{color:var(--ink-2)}.paper h3{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:11px;font-weight:600}.paper strong{color:var(--ink);font-weight:600}.paper-head{justify-content:space-between;gap:24px;margin-bottom:36px;display:flex}.issuer{gap:12px;max-width:340px;display:flex}.issuer svg{color:var(--ink);flex-shrink:0}.issuer strong{margin-top:1px;font-size:14px;display:block}.issuer p{font-size:12px}.paper .title{text-align:right}.paper .title h1{letter-spacing:-.035em;color:var(--ink);font-weight:700;line-height:1;display:block}.paper .title p{color:var(--ink-2);margin-top:6px;font-size:13px}.paper-meta{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px 0;display:flex}.paper-meta>div{max-width:320px}.paper-meta strong{font-size:14px;display:block}.paper-meta dl{flex-direction:column;gap:6px;min-width:210px;margin:0;display:flex}.paper-meta dl div{justify-content:space-between;gap:16px;display:flex}.paper-meta dt{color:var(--ink-3)}.paper-meta dd{margin:0;font-weight:500}.paper-lines{border-collapse:collapse;width:100%}.paper-lines th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:left;border-bottom:1px solid var(--rule);padding:0 0 8px;font-size:11px;font-weight:600}.paper-lines td{padding:var(--row,14px) 0;border-bottom:1px solid var(--rule);vertical-align:top}.paper-lines .r{text-align:right;white-space:nowrap;padding-left:16px}.paper-lines .desc{font-weight:500;display:block}.paper-lines .detail{color:var(--ink-2);margin-top:2px;font-size:12px;display:block}.paper-lines .empty{color:var(--ink-3);text-align:center;padding:28px 0}.paper-totals{justify-content:flex-end;margin-top:16px;display:flex}.paper-totals dl{width:min(300px,100%)}.paper-totals dt{color:var(--ink-2)}.paper-totals .grand{border-top:1.5px solid var(--ink);letter-spacing:-.02em;margin-top:6px;padding-top:12px;font-size:18px;font-weight:700}.paper-totals .grand dt{color:var(--ink)}.paper-foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.paper-foot .strong{color:var(--ink);letter-spacing:.01em;font-size:15px;font-weight:600}.paper-verify{border-top:1px solid var(--rule);grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:36px;padding-top:20px;display:grid}.paper-verify .qr{border-radius:6px;place-items:center;width:76px;height:76px;display:grid}.paper-verify .qr:has(span){color:var(--ink-3);letter-spacing:.06em;background:#f4f4f3;font-size:11px;font-weight:600}.paper-verify .qr svg{width:100%;height:100%;display:block}.verify-text h3{margin-bottom:2px}.verify-text p{max-width:360px;font-size:12px}.verify-link{color:var(--ink);text-underline-offset:3px;word-break:break-all;margin-top:4px;font-size:12px;font-weight:500;-webkit-text-decoration:underline #cfcfcf;text-decoration:underline #cfcfcf;display:inline-block}.paper-thanks{text-align:right;align-self:end;max-width:220px;margin:0;font-size:12px}@media (width<=620px){.paper-verify{grid-template-columns:64px minmax(0,1fr)}.paper-verify .qr{width:64px;height:64px}.paper-thanks{text-align:left;grid-column:1/-1;max-width:none}}.stamp{color:#15803d;letter-spacing:.12em;text-transform:uppercase;opacity:.85;pointer-events:none;border:2.5px solid #15803d;border-radius:8px;padding:4px 14px;font-size:22px;font-weight:800;position:absolute;top:40px;left:50%;translate:-50%;rotate:-8deg}.stamp.void{color:#b91c1c;border-color:#b91c1c}[data-theme=paper],[data-theme=paper] body{color:#0a0a0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f4f3}.public{max-width:880px;margin:0 auto;padding:24px 16px 64px}.public-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:0 4px;display:flex}.public-bar .muted{color:#737373}.public-total{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:2px;font-size:22px;font-weight:650;display:flex}.public-total .warn{color:#b45309}.paid-note{color:#15803d;letter-spacing:0;font-weight:500}.public .btn.primary{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.public .paper{box-shadow:0 1px 2px #0000000a,0 12px 40px #0000000f}.public .empty-state{color:#525252;border-color:#ddd;margin-top:15vh}.public .paper-skeleton{background:#eaeaea}.public-paper{animation:rise .42s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (hover:hover) and (pointer:fine){.public .btn.primary:hover:not(:disabled){background:#262626;border-color:#262626}}@media (width<=1180px){.editor{grid-template-columns:minmax(0,1fr)}.editor-form{max-height:none;position:static;overflow:visible}.view{grid-template-columns:minmax(0,1fr)}.view-side{order:-1;position:static}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.frame{flex-direction:column-reverse;height:100dvh}.rail{width:100%;padding:6px 12px calc(6px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:0}.rail-logo{display:none}.rail-new{order:2;margin:0}.rail nav{display:contents}.rail-item:first-child{order:0}.rail-item:nth-child(2){order:1}.rail-item:nth-child(3){order:3}.rail-bottom{order:4;margin:0}.rail-item.on:before{border-radius:4px 4px 0 0;width:20px;height:2px;top:auto;bottom:-6px;left:8px}.rail [data-tip]:after{display:none}.panel{margin:6px 6px 0}.topbar{flex-wrap:wrap;min-height:56px;padding:10px 12px}.topbar-actions{gap:8px;width:100%}.topbar-actions .btn.primary{flex:1}.topbar:not(:has(.btn.primary)) .topbar-actions{width:auto}.subbar{flex-direction:column;align-items:stretch;padding:4px 12px 8px}.input.search{width:100%}.content,.view{padding:12px}.editor{padding:8px}}@media (width<=620px){.grid-2{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.stats{gap:8px}.line-nums{grid-template-columns:60px minmax(0,1fr) 30px}.line-nums .price{grid-column:1/3}.paper{font-size:12px;--pad:22px!important}.paper-head,.paper-meta{flex-direction:column}.paper .title{text-align:left}.paper-foot{grid-template-columns:minmax(0,1fr)}.stamp{font-size:15px;top:22px;left:auto;right:18px;translate:none}.public-bar{flex-direction:column;align-items:stretch}.sheet{width:auto;max-height:calc(100dvh - 48px);inset:auto 8px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:color,background-color,border-color,opacity!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.line-nums .icon-btn{grid-area:1/4}@media (width<=620px){.line-nums .icon-btn{grid-column:3}.line-nums .price{grid-area:2/1/auto/-1}.node-head{padding:0 6px;font-size:13px}.node-body{padding:10px 11px}.node-body .value{font-size:16px}.node-body .note{font-size:12px}.table.invoices th:nth-child(3),.table.invoices td:nth-child(3),.table.invoices th:nth-child(4),.table.invoices td:nth-child(4),.table.invoices td .muted{display:none}.table th,.table td{padding:0 12px}}.public .btn.primary{background-image:none;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff14}.only-mobile{display:none}@media (width<=620px){.paper-lines thead{display:none}.paper-lines tr{border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;column-gap:4px;padding:12px 0;display:grid}.paper-lines td{border:0;padding:0}.paper-lines td:first-child{grid-column:1/-1;margin-bottom:4px}.paper-lines td:nth-child(2){text-align:left;color:var(--ink-2);grid-area:2/1;padding:0}.paper-lines td:nth-child(2):after{content:" ×"}.paper-lines td:nth-child(3){text-align:left;color:var(--ink-2);grid-area:2/2;padding:0}.paper-lines td:nth-child(4){grid-area:2/3;font-weight:600}.paper-lines .empty{grid-column:1/-1}.paper-totals dl{width:100%}.table.invoices th:nth-child(2),.table.invoices td:nth-child(2),.table.invoices th:nth-child(5),.table.invoices td:nth-child(5){display:none}.r-badge{max-width:none;margin-top:4px}.only-mobile{color:var(--text-3);text-overflow:ellipsis;max-width:150px;font-size:12.5px;font-weight:450;display:block;overflow:hidden}.table.invoices td{height:60px}}.card-head h2{white-space:nowrap}.card-head .select{min-width:0;max-width:62%}.card-head .select .input.compact{width:100%}.rail-logout{cursor:pointer;background:0 0;border:0;padding:0}.login{place-items:center;min-height:100dvh;padding:16px;display:grid}.login-card{width:min(380px,100%);animation:rise .32s var(--ease-out) both;flex-direction:column;gap:16px;padding:24px;display:flex}.login-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-logo{color:#fff;--logo-ink:#0c0c0f;display:grid}.login-head h1{letter-spacing:-.01em;text-shadow:var(--ts);font-size:16px;font-weight:600}.login-error{color:#ffb4bc;background:#ff6b7a1a;border-radius:8px;padding:8px 10px;font-size:13px}.login-submit{height:36px;margin-top:4px}@media (width<=760px){.rail-logout{order:5}}.table.clients td{height:60px}.who{align-items:center;gap:12px;min-width:0;display:flex}.who .avatar{border-radius:8px;width:32px;height:32px;font-size:13px}.who-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.who-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.who-text .muted{font-size:13px}td.muted .who-text>span+span{color:var(--muted);font-size:13px}@media (width<=620px){.table.clients th:nth-child(2),.table.clients td:nth-child(2),.table.clients th:nth-child(3),.table.clients td:nth-child(3){display:none}}.dialog-root{z-index:70;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:absolute;inset:0}.dialog{width:min(420px,100%);position:relative;overflow:hidden}.dialog-body{gap:14px;padding:20px 20px 18px;display:flex}.dialog-icon{width:32px;height:32px;color:var(--danger);background:#ff6b7a1f;border-radius:10px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ff6b7a33}.dialog-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dialog-text h2{padding-top:5px;font-size:15px;line-height:1.4}.dialog-text p{color:var(--text-3);text-wrap:pretty;font-size:14px;line-height:1.5}.dialog-copy{margin-top:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.dialog-foot{border-top:1px solid var(--hair);background:#00000026;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.btn.danger-fill{color:#fff;background:#d92d42 linear-gradient(#ffffff1a 0%,#fff0 100%);box-shadow:0 2px 6px #d92d4240,0 0 0 1px #0000001f,inset 0 1px #ffffff0f}.btn.danger-fill:active:not(:disabled){background-color:#c0263a}@media (hover:hover) and (pointer:fine){.btn.danger-fill:hover:not(:disabled){color:#fff;background-color:#e5384d}}@media (width<=620px){.dialog-root{place-items:end center;padding:8px}.dialog-foot .btn{flex:1}}.rail-label,.crumb-back,.sheet-grab,.mobile-only-item{display:none}a,button{-webkit-tap-highlight-color:transparent}.account-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.account code{color:var(--text-3);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px}@media (width<=760px){.rail{padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--hair);background:var(--frame);grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:0;display:grid}.rail nav{display:contents}.rail .rail-logo,.rail .rail-logout{display:none}.rail-item{color:#ffffff6b;width:100%;height:52px;transition:color .15s ease, transform .16s var(--ease-out);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.rail-item:active{transform:scale(.94)}.rail-item.on{color:#fff}.rail-item.on:before{border-radius:0 0 4px 4px;width:20px;height:2px;top:-4px;bottom:auto;left:50%;translate:-50%}.rail-label{letter-spacing:.01em;font-size:10.5px;font-weight:550;line-height:1;display:block}.rail nav .rail-item:first-child{order:0}.rail nav .rail-item:nth-child(2){order:1}.rail-new{order:2}.rail nav .rail-item:nth-child(3){order:3}.rail-bottom{order:4;margin:0}.rail-new{background-color:var(--violet);background-image:linear-gradient(#ffffff1f 0%,#fff0 100%);width:46px;height:46px;margin:0;box-shadow:0 4px 14px #5016ff59,0 0 0 1px #0003,inset 0 1px #ffffff14}.rail-new:active{background-color:var(--violet-active)}.panel{border-radius:12px;margin:6px 6px 0}.hide-mobile{display:none!important}.mobile-only-item{display:block}.topbar{flex-wrap:wrap;gap:8px;min-height:56px;padding:10px 10px 10px 12px}.topbar-actions{gap:6px;width:100%;margin-left:0}.topbar-actions>.btn,.topbar-actions>.menu{flex:1}.topbar-actions>.menu>.btn{width:100%}.topbar-actions .menu-pop{transform-origin:0 0;left:0;right:auto}.crumbs{flex:1;gap:6px}.crumb-part:not(.last){display:none}.crumb-part.last{min-width:0}.crumbs .badge{flex-shrink:0}.crumb-part svg{display:none}.crumb-part b{font-size:16px}.crumb-back{width:32px;height:32px;color:var(--text-2);border-radius:8px;flex-shrink:0;place-items:center;margin-left:-6px;display:grid}.crumb-back:active{background:#ffffff0f}.btn{height:38px}.btn.compact{height:32px}.input,.input.search,.select .input.compact{height:42px;font-size:16px}textarea.input{min-height:42px}.line .detail{height:38px;min-height:38px;font-size:16px}.menu-pop button{height:auto;min-height:44px;padding:8px 12px;font-size:15px;line-height:1.3}.menu-pop{min-width:230px}.subbar{gap:10px;padding:2px 12px 10px}.tabs{scroll-snap-type:x proximity;width:100%}.tabs button{scroll-snap-align:start;height:36px;padding:0 14px}.content{padding:14px 12px 28px}.sheet{width:auto;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;inset:auto 0 0}.sheet-grab{touch-action:none;cursor:grab;justify-content:center;padding:8px 0 2px;display:flex}.sheet-grab i{background:#fff3;border-radius:999px;width:36px;height:4px}.sheet-head{touch-action:none;border-bottom:0;height:44px}.sheet-body{padding:4px 16px 16px}.sheet-foot{padding:10px 12px}.sheet-foot .btn.primary{flex:1}.view{flex-direction:column;align-items:stretch;gap:10px;display:flex}.view-side>*{min-width:0}.view-side{display:contents}.view-side>:first-child{order:0}.view-side>:nth-child(2){order:1}.view-paper{order:2}.view-side>:nth-child(3){order:3}}