:root{--brand: #0033e7;--brand-dark: #002bc4;--brand-tint: #eef2fe;--brand-tint-2: #d9e2fd;--coral: #ff3131;--ink: #14150f;--muted: #5c5f55;--faint: #8b8e83;--paper: #f6f4ef;--paper-2: #eeebe2;--card-cream: #eae7dc;--line: #e2ded2;--line-soft: #eeeae0;--white: #ffffff;--ok: #2f6b46;--ok-bg: #dbeee1;--warn: #8a5a12;--warn-bg: #f7e9d2;--idle: #5c5f55;--idle-bg: #e5e3da;--r-sm: 10px;--r: 14px;--r-lg: 18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.num{font-variant-numeric:tabular-nums}.spacer{flex:1}.nav{display:flex;align-items:center;gap:28px;padding:18px 32px;background:var(--paper)}.wordmark{display:flex;align-items:center;gap:9px;text-decoration:none}.wordmark svg{width:22px;height:22px;color:var(--brand)}.wordmark span{font-size:17px;font-weight:800;letter-spacing:-.03em}.navlinks{display:flex;align-items:center;gap:26px}.navlink{position:relative;background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--muted);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.navlink:hover{color:var(--ink)}.navlink.active{color:var(--ink);font-weight:600}.navlink.active:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:var(--ink);border-radius:2px}.greet{display:flex;align-items:center;gap:14px;padding:10px 32px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,var(--brand) 0%,#4f74f4 100%);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;flex:none}.greet-name{font-size:15px;font-weight:700;letter-spacing:-.01em}.greet-sub{font-size:13px;color:var(--faint);margin-top:1px}.search{display:flex;align-items:center;gap:9px;background:var(--paper-2);border:1px solid transparent;border-radius:var(--r-sm);padding:9px 13px;width:300px;transition:border-color .15s,background .15s}.search:focus-within{background:#fff;border-color:var(--brand)}.search input{border:0;background:none;outline:none;font:inherit;font-size:14px;width:100%;color:var(--ink)}.search svg{color:var(--faint);flex:none}.iconbtn{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--paper-2);border:1px solid transparent;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.iconbtn:hover{background:var(--card-cream);color:var(--ink)}.page{padding:26px 32px 0;background:var(--paper)}.page-head{display:flex;align-items:flex-start;gap:16px}.page-title{font-size:30px;font-weight:700;letter-spacing:-.035em;margin:0}.page-sub{font-size:13px;color:var(--faint);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:var(--r-sm);background:var(--ink);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .06s,opacity .15s;white-space:nowrap}.btn:hover{background:#000}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.brand{background:var(--brand)}.btn.brand:hover{background:var(--brand-dark)}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{background:var(--paper-2)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;padding-bottom:26px}.stat{background:var(--card-cream);border-radius:var(--r);padding:18px}.stat-top{display:flex;align-items:flex-start}.tile{width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;color:#fff;flex:none}.tile.dark{background:var(--ink)}.tile.brand{background:var(--brand)}.tile.green{background:#6f8f70}.tile.coral{background:var(--coral)}.delta{font-size:12px;font-weight:600;color:var(--muted)}.delta.up{color:#2f6b46}.stat-label{font-size:13px;color:var(--muted);margin-top:22px}.stat-value{font-size:27px;font-weight:700;letter-spacing:-.03em;margin-top:3px}.stat-value .dec{color:var(--faint);font-weight:600}.panel{background:var(--white);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:20px 32px 40px;min-height:60vh}.panel-bar{display:flex;align-items:center;gap:12px;padding-bottom:16px}.chipbtn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:8px 10px;border-radius:var(--r-sm);font:inherit;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.chipbtn:hover{background:var(--paper);color:var(--ink)}.toggle{display:flex;background:var(--paper-2);border-radius:var(--r-sm);padding:3px}.toggle button{border:0;background:none;padding:6px 9px;border-radius:7px;color:var(--muted);cursor:pointer;display:grid;place-items:center}.toggle button.on{background:var(--ink);color:#fff}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:12px;font-weight:600;color:var(--faint);padding:10px 12px;border-bottom:1px solid var(--line-soft);white-space:nowrap}tbody td{padding:13px 12px;border-bottom:1px solid var(--line-soft);font-size:14px;vertical-align:middle}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--paper)}.cell-main{font-weight:600}.cell-sub{font-size:12px;color:var(--faint);margin-top:2px}.who{display:flex;align-items:center;gap:10px}.who .avatar{width:34px;height:34px;font-size:12px}.right{text-align:right}.pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.pill.paid{background:var(--ok-bg);color:var(--ok)}.pill.pending{background:var(--warn-bg);color:var(--warn)}.pill.other{background:var(--idle-bg);color:var(--idle)}.empty{padding:60px 0;text-align:center;color:var(--faint);font-size:14px}.empty svg{color:var(--line);margin-bottom:10px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14150f61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .18s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:#fff;z-index:41;display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px #0000004d;animation:slide .22s cubic-bezier(.2,.8,.2,1)}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(24px);opacity:.4}}.drawer-head{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line-soft)}.drawer-title{font-size:17px;font-weight:700;letter-spacing:-.02em}.drawer-body{padding:22px 24px;overflow-y:auto;flex:1}.drawer-foot{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--line-soft)}.drawer-foot .btn{flex:1}.kv{display:grid;grid-template-columns:108px 1fr;gap:10px;align-items:center;margin-bottom:11px}.kv-k{font-size:13px;color:var(--faint)}.kv-v{background:var(--paper);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.kv-v.plain{background:none;padding:9px 0}.section-h{font-size:15px;font-weight:700;margin:22px 0 14px;letter-spacing:-.01em}.field{display:block;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:14px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint-2)}.field::placeholder{color:#a9aa9f}.stack>*+*{margin-top:10px}.inline{display:flex;gap:8px}.inline .field{flex:1}.error{background:#fff1f1;color:#b3261e;border:1px solid #ffd6d6;padding:10px 12px;border-radius:var(--r-sm);font-size:13px;margin-bottom:12px}.dva{margin-top:14px;border:1px dashed #a9cfb6;background:#f1faf4;border-radius:var(--r);padding:16px;text-align:center}.dva-bank{font-size:12px;font-weight:700;color:var(--ok);text-transform:uppercase;letter-spacing:.05em}.dva-acct{font-size:27px;font-weight:800;letter-spacing:.06em;margin:6px 0 2px}.dva-name{font-size:13px;color:var(--muted)}.dva-note{font-size:12px;color:var(--faint);margin-top:8px}.cols{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}.side-card{background:var(--paper);border-radius:var(--r);padding:18px}.side-h{font-size:14px;font-weight:700;margin-bottom:13px}.chart{display:flex;align-items:flex-end;gap:7px;height:64px}.bar{flex:1;background:var(--brand-tint-2);border-radius:5px 5px 3px 3px;min-height:3px}.bar.on{background:var(--brand)}.chart-axis{display:flex;gap:7px;margin-top:7px}.chart-axis span{flex:1;text-align:center;font-size:10px;color:var(--faint)}.signin-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper)}.signin{width:100%;max-width:380px}.signin-card{background:#fff;border-radius:var(--r-lg);padding:28px;border:1px solid var(--line)}.signin h1{font-size:22px;margin:16px 0 4px;letter-spacing:-.025em}.signin p.sub{margin:0 0 18px;color:var(--muted);font-size:14px}.hint{font-size:12px;color:var(--faint);margin-top:14px;text-align:center}@media (max-width: 1040px){.navlinks{display:none}.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.search{width:190px}}@media (max-width: 620px){.nav,.greet,.page{padding-left:16px;padding-right:16px}.panel{padding:18px 16px 32px}.stats{grid-template-columns:1fr 1fr;gap:10px}.search,.hide-sm{display:none}}