@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-RegularItalic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/SourceSans3-Bold.ttf)format("truetype");font-weight:600 800;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-VariableFont_wght.ttf)format("truetype");font-weight:400 800;font-style:normal;font-display:swap}:root{--vx-grey:#6d6e71;--vx-green:#39b54a;--vx-green-dark:#23812f;--vx-sky:#25aae1;--vx-navy:#1f2a36;--vx-night:#121b24;--vx-ink:#1e2226;--vx-sub:#5f6266;--vx-faint:#8e9196;--vx-line:#d9dce0;--vx-hair:#eceef0;--vx-band:#f3f4f5;--vx-white:#fff;--vx-sky-tint:#e8f6fc;--vx-green-tint:#eaf7ec;--vx-amber:#b26a00;--vx-amber-dot:#e8a317;--vx-amber-tint:#fff4e0;--vx-danger:#b3261e;--vx-danger-tint:#fdecea;--vx-font-ui:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--vx-font-display:"EB Garamond",Georgia,serif;--sidebar-w:220px;--topbar-h:56px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;color:var(--vx-ink);font:14px/1.45 var(--vx-font-ui);-webkit-font-smoothing:antialiased;background:#fff}.ey{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.serif{font-family:var(--vx-font-display)}.num{font-variant-numeric:tabular-nums;text-align:right}.sub{color:var(--vx-sub)}.faint{color:var(--vx-faint)}.x{color:var(--vx-sub);font-size:12px}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;min-height:100vh;display:grid}.side{background:var(--vx-night);color:#c9d2dc;flex-direction:column;padding:0;display:flex}.side .brand{border-bottom:1px solid #ffffff14;padding:18px 20px 16px}.side .brand img{width:auto;height:28px;display:block}.side .product{font:500 18px/1 var(--vx-font-display);color:#fff;letter-spacing:.02em;margin-top:10px}.side .product span{color:var(--vx-green);font-style:normal}.side nav{flex:1;padding:14px 0}.side .group{letter-spacing:.14em;text-transform:uppercase;color:#6b7580;padding:12px 20px 6px;font-size:10px;font-weight:700}.side a{color:#a8b2bc;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13.5px;text-decoration:none;display:flex}.side a svg{opacity:.85;flex:none;width:16px;height:16px}.side a.on{color:#fff;border-left-color:var(--vx-green);background:#ffffff0f;font-weight:600}.side a:hover{color:#fff}.side .sfoot{color:#7a8490;border-top:1px solid #ffffff14;padding:14px 20px;font-size:11px;line-height:1.4}.main{background:#fafbfc;flex-direction:column;min-width:0;height:100vh;display:flex}.top{height:var(--topbar-h);border-bottom:1px solid var(--vx-line);background:#fff;flex:none;align-items:center;gap:16px;padding:0 24px;display:flex}.search{border:1px solid var(--vx-line);max-width:420px;color:var(--vx-faint);background:#fff;flex:1;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.search svg{width:14px;height:14px;color:var(--vx-faint)}.sync{color:var(--vx-sub);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:12px;display:flex}.sync i{background:var(--vx-green);border-radius:50%;width:7px;height:7px;display:inline-block}.user{border-left:1px solid var(--vx-hair);align-items:center;gap:10px;padding-left:16px;font-size:13px;display:flex}.user .av{background:var(--vx-sky-tint);width:28px;height:28px;color:var(--vx-sky);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user b{font-weight:600;line-height:1.2;display:block}.user small{color:var(--vx-sub);font-size:11px;line-height:1.2;display:block}.content{flex-direction:column;flex:1;gap:16px;padding:22px 24px 20px;display:flex;overflow:auto}.pagehead{flex:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pagehead h1{font:400 28px/1.15 var(--vx-font-display);color:var(--vx-navy)}.pagehead .meta{color:var(--vx-sub);margin-top:4px;font-size:13px}.actions{align-items:center;gap:8px;display:flex}.btn{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-g{background:var(--vx-green);color:#fff}.btn-sky{background:var(--vx-sky);color:#fff}.btn-ghost{color:var(--vx-ink);border:1px solid var(--vx-line);background:#fff}.btn-outline{color:var(--vx-ink);border:1px solid var(--vx-navy);background:#fff}.btn-sm{padding:6px 10px;font-size:10px}.btn-danger{background:var(--vx-danger);color:#fff}.card{border:1px solid var(--vx-line);background:#fff}.card.accent-g{border-top:3px solid var(--vx-green)}.card.accent-a{border-top:3px solid var(--vx-amber-dot)}.card.accent-d{border-top:3px solid var(--vx-danger)}.card.accent-s{border-top:3px solid var(--vx-sky)}.p4{padding:14px 16px}.p5{padding:16px 18px}.kpi{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi .card .lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--vx-sub);font-size:11px;font-weight:700}.kpi .card .v{font:400 28px/1.15 var(--vx-font-display);color:var(--vx-navy);font-variant-numeric:tabular-nums;margin-top:6px}.kpi .card .s{color:var(--vx-sub);margin-top:4px;font-size:12px}.pill{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.pill-paid{background:var(--vx-green-tint);color:var(--vx-green-dark)}.pill-open{background:var(--vx-sky-tint);color:#0a7aa8}.pill-soon{background:var(--vx-amber-tint);color:var(--vx-amber)}.pill-due{background:var(--vx-danger-tint);color:var(--vx-danger)}.pill-draft{background:var(--vx-band);color:var(--vx-sub)}.pill-src{border:1px solid var(--vx-line);color:var(--vx-sub);letter-spacing:.06em;background:#fff}.badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--vx-line);color:var(--vx-sub);white-space:nowrap;background:#fff;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-at{background:var(--vx-sky-tint);color:#0a7aa8;border-color:#bfe3f4}.badge-qb{background:var(--vx-green-tint);color:var(--vx-green-dark);border-color:#cfe9d3}.badge-oo{background:var(--vx-amber-tint);color:var(--vx-amber);border-color:#f0d9a8}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}thead{background:var(--vx-band);color:var(--vx-sub)}th{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:9px 12px;font-size:10px;font-weight:700}td{border-top:1px solid var(--vx-hair);vertical-align:middle;padding:9px 12px}td b{font-weight:600}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.chk{border:1.5px solid var(--vx-sub);vertical-align:-2px;background:#fff;width:14px;height:14px;display:inline-block}.chk.on{background:var(--vx-green);border-color:var(--vx-green);box-shadow:inset 0 0 0 2px #fff}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flt{border:1px solid var(--vx-line);white-space:nowrap;background:#fff;padding:6px 10px;font-size:12px}.flt b{font-weight:600}.bulk{background:var(--vx-sky-tint);border:1px solid #bfe3f4;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.bulk b{font-weight:600}.grid2{grid-template-columns:1.4fr 1fr;gap:12px;min-height:0;display:grid}.grid3{grid-template-columns:1.2fr 1fr 1fr;gap:12px;min-height:0;display:grid}.aging{align-items:flex-end;gap:8px;height:110px;padding:0 4px;display:flex}.aging .bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.aging .bar i{background:var(--vx-sky);width:100%;max-width:48px;display:block}.aging .bar .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--vx-sub);font-size:10px;font-weight:700}.aging .bar .amt{font-variant-numeric:tabular-nums;color:var(--vx-ink);font-size:11px;font-weight:600}.list{list-style:none}.list li{border-top:1px solid var(--vx-hair);align-items:flex-start;gap:10px;padding:9px 0;font-size:13px;display:flex}.list li:first-child{border-top:0;padding-top:0}.list .ic{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.ic-d{background:var(--vx-danger)}.ic-a{background:var(--vx-amber-dot)}.ic-g{background:var(--vx-green)}.ic-s{background:var(--vx-sky)}.feed{font-size:13px;list-style:none}.feed li{border-top:1px solid var(--vx-hair);gap:10px;padding:7px 0;display:flex}.feed li:first-child{border-top:0;padding-top:0}.feed .t{width:52px;color:var(--vx-sub);flex:none;font-size:12px}.card-h{justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:10px;display:flex}.card-h .ey{color:var(--vx-sub)}.method{color:var(--vx-sub);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.method .chip{background:var(--vx-band);border:1px solid var(--vx-line);padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px}.overlay{z-index:20;background:#121b2473;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{border:1px solid var(--vx-line);background:#fff;width:480px;box-shadow:0 8px 28px #0000002e}.modal-h{border-bottom:1px solid var(--vx-hair);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-h h2{font:500 20px/1.2 var(--vx-font-display);color:var(--vx-navy)}.modal-b{padding:16px 18px}.modal-f{border-top:1px solid var(--vx-hair);background:var(--vx-band);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.radio-row{border:1px solid var(--vx-line);background:#fff;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.radio-row.on{outline:2px solid var(--vx-sky);outline-offset:-1px;background:var(--vx-sky-tint)}.radio{border:1.5px solid var(--vx-sub);background:#fff;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px}.radio.on{border-color:var(--vx-sky);background:var(--vx-sky);box-shadow:inset 0 0 0 3px #fff}.field{margin-bottom:12px}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--vx-sub);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.field .in,.field input,.field select,.field textarea{border:1px solid var(--vx-line);width:100%;color:var(--vx-ink);background:#fff;padding:8px 10px;font-family:inherit;font-size:13px}.field textarea{resize:none;min-height:64px}.totp{gap:6px;display:flex}.totp span{border:1px solid var(--vx-line);width:36px;height:40px;font:600 18px/1 var(--vx-font-ui);font-variant-numeric:tabular-nums;background:#fff;justify-content:center;align-items:center;display:flex}.note{border:1px solid var(--vx-line);background:var(--vx-sky-tint);color:var(--vx-ink);padding:10px 12px;font-size:12px;line-height:1.4}.note-a{background:var(--vx-amber-tint);border-color:#f0d9a8}.warnbar{background:var(--vx-amber-tint);border-left:3px solid var(--vx-amber);color:var(--vx-amber);align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.kv{grid-template-columns:110px 1fr;gap:4px 12px;font-size:13px;display:grid}.kv dt{color:var(--vx-sub)}.kv dd{font-weight:500}.split{flex:1;grid-template-columns:1fr 340px;gap:12px;min-height:0;display:grid}.panel{flex-direction:column;min-height:0;display:flex}.panel .card{flex-direction:column;flex:1;display:flex;overflow:hidden}.scroll{flex:1;overflow:hidden}.email-prev{border:1px solid var(--vx-line);background:#fff;font-size:13px}.email-prev .eh{background:var(--vx-band);border-bottom:1px solid var(--vx-hair);padding:10px 14px;font-size:12px}.email-prev .eh div{gap:8px;padding:2px 0;display:flex}.email-prev .eh dt{color:var(--vx-sub);flex:none;width:48px}.email-prev .bd{padding:16px 18px;line-height:1.5}.email-prev .bd .logo{height:22px;margin-bottom:12px}.email-prev .rule{background:var(--vx-sky);height:2px;margin:12px 0}.email-prev .amt{font:400 22px/1.2 var(--vx-font-display);color:var(--vx-navy)}.email-prev .pay{background:var(--vx-green);color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;padding:8px 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.email-prev .ft{border-top:1px solid var(--vx-hair);color:var(--vx-sub);margin-top:14px;padding-top:10px;font-size:11px;line-height:1.45}.line-ed{width:100%}.line-ed th{font-size:10px}.line-ed td input{border:1px solid var(--vx-line);width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.line-ed td.n input{text-align:right;font-variant-numeric:tabular-nums}.totals{width:240px;margin-left:auto;font-size:13px}.totals .row{justify-content:space-between;padding:4px 0;display:flex}.totals .due{border-top:2px solid var(--vx-sky);justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:8px;display:flex}.totals .due .v{font:400 22px/1 var(--vx-font-display);color:var(--vx-navy);font-variant-numeric:tabular-nums}.sample{letter-spacing:.12em;text-transform:uppercase;color:#a9abae;z-index:5;font-size:10px;font-weight:700;position:absolute;top:62px;right:24px}.rel{position:relative}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.alloc .remain{background:var(--vx-band);border:1px solid var(--vx-line);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.alloc .remain .v{font:500 18px/1 var(--vx-font-display);font-variant-numeric:tabular-nums}.group-h{border-bottom:1px solid var(--vx-line);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 0 6px;display:flex}.group-h .ey{color:var(--vx-danger)}.group-h .ey.a{color:var(--vx-amber)}.group-h .ey.s{color:var(--vx-sub)}.lnk{color:var(--vx-sky);font-weight:600;text-decoration:none}.tag-sample{background:var(--vx-amber-tint);color:var(--vx-amber);letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;font-size:10px;font-weight:700}a{color:inherit}:focus-visible{outline:2px solid var(--vx-sky);outline-offset:2px}.side .signout{color:#a8b2bc;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.side .signout:hover{color:#fff}.auth-wrap{background:var(--vx-band);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border-top:3px solid var(--vx-green);width:420px;max-width:100%;padding:28px 28px 24px}.auth-brand{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.auth-brand .product{font:500 18px/1 var(--vx-font-display);color:var(--vx-navy)}.auth-brand .product span{color:var(--vx-green)}.auth-title{font:400 26px/1.15 var(--vx-font-display);color:var(--vx-navy);margin-bottom:10px}.banner-sample{background:var(--vx-amber-tint);color:var(--vx-amber);border:1px solid #f0d9a8;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}
