@font-face{font-family:NuSans;src:url('/assets/fonts/dm-sans-400.ttf')}@font-face{font-family:NuSerif;src:url('/assets/fonts/dm-serif-display-regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#f7f8f6;color:#213c41;font:14px/1.6 NuSans,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;line-height:1.12;letter-spacing:-.025em}h1{font-family:NuSerif,Georgia,serif;font-size:54px}h2{font-size:24px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #cbd4ce;background:white;border-radius:5px;padding:9px 15px;color:#213c41}button:hover{background:#edf1ed}button:disabled{opacity:.48;cursor:default}.primary{background:#1a373e;color:white;border-color:#1a373e;padding:12px 20px}.primary:hover{background:#2d535a}.primary:disabled{background:#1a373e}input{width:100%;padding:12px;border:1px solid #b9c5bd;border-radius:4px;background:white;color:#213c41;min-width:0}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b87f66;outline-offset:3px}label{display:block;font-size:12px;margin:18px 0 0}label input{display:block;margin-top:7px}img{display:block;max-width:100%}[hidden]{display:none!important}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:600}.small{font-size:11px;line-height:1.7}.muted{color:#65756f}.error{color:#943c32}.skip{position:fixed;top:-100px}.skip:focus{top:0;left:10px;z-index:20;background:white;padding:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-brand{background:#1a373e;color:#eeeae0;padding:65px 65px 35px;display:flex;flex-direction:column;justify-content:space-between;gap:65px}.login-brand img{width:210px;height:130px;object-fit:contain}.login-brand h1{margin:24px 0 28px;font-size:clamp(42px,4.6vw,70px)}.login-brand>div>p:last-child{color:#d5dfd8;font-size:17px}.login-form{display:flex;align-items:center;justify-content:center;padding:50px}.login-form form{width:100%;max-width:365px}.login-form h2{font-family:NuSerif,Georgia,serif;font-size:44px;margin:20px 0}.login-form form>p:not(.eyebrow){margin:18px 0;color:#65756f}.login-form .primary{width:100%;margin:26px 0 0}.login-form .error{color:#943c32!important}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.sidebar{background:#1a373e;color:#eeeae0;padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.sidebar .logo img{width:120px;height:90px;object-fit:contain}.sidebar>.eyebrow{margin:35px 12px 18px;color:#b9c9c0}.sidebar nav{display:grid;gap:8px}.sidebar nav button{display:flex;justify-content:space-between;border:0;background:transparent;color:#d9e1db;padding:13px 14px;text-align:left;font-size:13px}.sidebar nav button[aria-current=page]{background:#eeeae0;color:#1a373e}.sidebar nav button span{font-size:10px;opacity:.65}.sidebar-bottom{margin-top:auto;padding:40px 12px 0;display:grid;gap:14px;font-size:11px}.sidebar-bottom button{background:none;color:#eeeae0;text-align:left;border-color:#6c8585;padding:8px 12px}.sidebar-bottom p{font-size:9px;color:#b5c5bc;margin-top:12px}.workspace{padding:0 44px 40px;min-width:0}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2dc;font-size:9px;letter-spacing:.14em}.topbar>div{display:flex;gap:18px;align-items:center}.topbar button{font-size:11px;letter-spacing:0}.status{display:inline-flex;align-items:center;gap:7px;letter-spacing:0;font-size:11px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#b87f66}.status.connected:before{background:#348264}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:43px 0 32px}.workspace-heading h1{margin:12px 0}.workspace-heading>div>p:last-child{font-size:13px;color:#64736d}.metrics{display:grid;grid-template-columns:1fr 1.4fr 1fr;border:1px solid #d9e0d9;background:white;margin:0 0 32px}.metrics article{padding:22px 25px;border-right:1px solid #d9e0d9;display:flex;flex-direction:column}.metrics article:last-child{border:0}.metrics article>span{font-size:11px;color:#68766e}.metrics strong{font-size:32px;line-height:1.4;font-weight:400;margin-top:8px;font-variant-numeric:tabular-nums}.metrics .metric-brand{font-family:NuSerif,Georgia,serif}.metrics small{font-size:9px;color:#68766e}.records{background:white;border:1px solid #d9e0d9;min-height:260px}.records-heading{display:flex;justify-content:space-between;align-items:center;padding:24px;gap:20px}.records-heading h2{font-size:17px;font-weight:600;letter-spacing:0}.search{margin:0;max-width:250px}.search input{font-size:12px;padding:9px 12px;margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f8faf7;color:#738176;font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;border-top:1px solid #e3e8e2;border-bottom:1px solid #e3e8e2}td{padding:18px 22px;border-bottom:1px solid #edf0eb;font-size:12px}td small{display:block;color:#728078;font-size:10px}td.number{text-align:right;font-variant-numeric:tabular-nums}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button,.actions a{font-size:10px;padding:6px 10px;border:1px solid #d1dad1;border-radius:4px;text-decoration:none;background:white}.actions a:hover{background:#edf1ed}.badge{font-size:9px;text-transform:capitalize;background:#eef3ee;color:#385d46;border:1px solid #d5e0d5;border-radius:20px;padding:4px 9px}.badge.draft,.badge.incomplete{background:#f5f1e7;border-color:#e2d5b7;color:#7d652f}.badge.past_due,.badge.unpaid,.badge.uncollectible{background:#fbefec;color:#943c32;border-color:#e8d0cb}.empty{padding:65px 25px;text-align:center;color:#6b7a71}.empty strong{display:block;font-family:NuSerif,Georgia,serif;color:#213c41;font-weight:400;font-size:27px;margin-bottom:14px}.page-controls{padding:17px 24px;display:flex;align-items:center;gap:9px}.page-controls p{margin-right:auto;font-size:10px;color:#728078}.page-controls button{font-size:10px;padding:6px 10px}.workspace-note{font-size:10px;color:#78857b;margin:24px 0}.notice{padding:14px 18px;margin:0 0 20px;background:#eaf2e9;border:1px solid #d0dfce;font-size:12px}.notice.error{background:#fff2ee;border-color:#e6c9be}dialog{border:1px solid #d5ded4;border-radius:8px;padding:32px;max-width:540px;width:calc(100% - 32px);max-height:90dvh;color:#213c41}dialog::backdrop{background:#10282ed0}dialog h2{font-family:NuSerif,Georgia,serif;font-size:36px;margin:20px 0 14px}dialog .muted,dialog>form>p{font-size:12px}dialog .primary{margin-top:22px;width:100%}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:24px;border:0;padding:0 8px;background:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{margin-top:15px}.client-label{overflow-wrap:anywhere;color:#65756f}.invoice-brand{padding:22px 0;margin-top:20px;border-top:1px solid #d5ded4;display:flex;align-items:center;gap:25px}.invoice-brand img{width:100px;height:65px;object-fit:contain}.invoice-brand p{font-size:10px}.check{display:flex;align-items:flex-start;gap:10px}.check input{width:17px;height:17px;margin:3px 0 0;flex-shrink:0}.signup-amount{font-family:NuSerif,Georgia,serif;font-size:36px!important;margin:22px 0}#signup-result{padding-top:10px;margin-top:25px;border-top:1px solid #d5ded4}#signup-result button,#signup-result a{margin:15px 12px 10px 0}dl{padding:20px 0;border-block:1px solid #d5ded4;margin-top:25px}dt{font-size:10px;color:#728078}dd{margin:3px 0 15px;font-size:17px;overflow-wrap:anywhere}dd:last-child{margin-bottom:0}@media(max-width:1050px){.app{grid-template-columns:185px minmax(0,1fr)}.workspace{padding-inline:24px}.sidebar{padding-inline:15px}.metrics article{padding:19px 15px}.metrics strong{font-size:27px}}@media(max-width:700px){.login{grid-template-columns:1fr}.login-brand{padding:25px 30px;gap:25px}.login-brand img{height:70px;width:120px}.login-brand h1{font-size:35px;margin:12px 0}.login-brand>div>p:last-child{font-size:13px}.login-brand>.small{display:none}.login-form{padding:35px 30px}.login-form h2{font-size:35px}.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px 20px}.sidebar .logo img{height:55px;width:85px}.sidebar>.eyebrow,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-top:10px;gap:8px}.sidebar nav button{padding:9px 12px;font-size:11px;gap:18px}.workspace{padding:0 18px 25px}.topbar{height:60px}.topbar>div{gap:10px}.workspace-heading{padding:25px 0;align-items:end;gap:10px}.workspace-heading h1{font-size:43px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading>div>p:last-child{font-size:11px;max-width:210px}.workspace-heading>.primary{font-size:11px;padding:10px;white-space:nowrap}.metrics{grid-template-columns:1fr 1.3fr}.metrics article{padding:15px 12px}.metrics article:last-child{display:none}.metrics article>span{font-size:9px}.metrics strong{font-size:25px}.records-heading{padding:18px;align-items:start}.records-heading h2{font-size:15px}.search{max-width:165px}.search input{font-size:11px}.page-controls{padding:14px 12px}.page-controls p{max-width:155px}th,td{padding:13px 16px}dialog{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.actions{min-width:210px}table{min-width:700px}.topbar .status{font-size:10px}}

.password-wrap{display:block;position:relative;margin-top:7px}.password-wrap input{margin:0;padding-right:75px}.password-wrap button{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:11px;padding:7px 10px}.password-wrap button:hover{background:#edf1ed}.login-form .text-button{font-size:12px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;margin-top:16px;padding:0;min-height:36px}.login-form form>p.error{color:#943c32}
