:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--text:#e6e9ef;--muted:#8b93a7;--accent:#6c8cff;--good:#47b881;--warn:#e2a03f;--bad:#e05260;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}.num{font-variant-numeric:tabular-nums;text-align:right}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.nav a{color:var(--muted);border-radius:var(--radius);padding:8px 12px}.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--text)}.main{width:100%;max-width:1520px;margin:0 auto;padding:28px 40px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px 22px;display:grid}.split>div>h2:first-child{margin-top:0}@media (width<=1100px){.split{grid-template-columns:1fr}}h1{margin:0 0 20px;font-size:20px}h2{color:var(--muted);margin:28px 0 12px;font-size:15px;font-weight:600}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card .label{color:var(--muted);font-size:12px}.card .value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}th,td{border-bottom:1px solid var(--border);text-align:left;padding:10px 12px}th{color:var(--muted);font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}input,select,button{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 12px}button{background:var(--accent);color:#0f1115;cursor:pointer;border-color:#0000;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost{background:var(--surface-2);color:var(--text);font-weight:400}.auth{place-items:center;min-height:100vh;display:grid}.auth form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:340px;padding:28px;display:flex}.error{color:var(--bad);font-size:13px}.muted{color:var(--muted)}.badge{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.active{color:var(--good)}.badge.pending,.badge.invited,.badge.under_review{color:var(--warn)}.badge.blocked{color:var(--bad)}.badge.paid{color:var(--good)}.badge.requested,.badge.approved,.badge.processing{color:var(--warn)}.badge.rejected{color:var(--bad)}.row{align-items:center;gap:10px;display:flex}.chart-tip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;padding:8px 12px;position:absolute;top:14px;right:14px}.ghost-link{font:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:9px 12px;text-decoration:none;display:inline-block}.nav-who{flex-direction:column;gap:2px;padding:0 12px 2px;display:flex}.nav-name{font-weight:600}.nav-terms{color:var(--muted);font-size:11px}.nav-money{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:inherit;margin:12px 2px 10px;padding:10px 11px;display:block}.nav-money:hover{border-color:var(--accent)}.nav-money .label{color:var(--muted);font-size:11px}.nav-money .value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:19px;font-weight:600}.nav a .count{float:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.hero{background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--good);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:end;gap:18px;padding:16px 18px;display:grid}.hero.frozen{border-left-color:var(--warn)}.hero-sum{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:38px;font-weight:600;line-height:1.05}.hero-sub{color:var(--muted);margin-top:6px;font-size:12px}.hero-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hint{color:var(--muted);font-size:11px}.strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(126px,1fr));display:grid;overflow:hidden}.strip .cell{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:11px 13px;display:flex}.strip .cell:last-child{border-right:none}.strip .label{color:var(--muted);font-size:11px}.strip .value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.delta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.controls .spacer{flex:1}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:12px;display:inline-flex}.chip button{all:unset;cursor:pointer;color:var(--muted);line-height:1}.chip button:hover{color:var(--text)}.share{background:var(--accent);opacity:.75;vertical-align:middle;border-radius:2px;min-width:2px;height:4px;margin-right:8px;display:inline-block}td.best{color:var(--good)}td.worst{color:var(--bad)}tr.total td{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:none;font-weight:600}.columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}input:read-only,input:disabled{color:var(--muted);background:0 0;border-style:dashed}.columns>div>h2:first-child{margin-top:0}.linkcell code{text-overflow:ellipsis;white-space:nowrap;max-width:46ch;display:block;overflow:hidden}td .row{flex-wrap:nowrap}td .row button,td .row .ghost-link{white-space:nowrap}table.compact{width:auto;min-width:min(100%,980px)}.newlink{gap:14px;display:grid}.newlink-head{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.newlink-marks{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.newlink-foot{justify-content:space-between;align-items:center;gap:20px;display:flex}.newlink-foot .label{max-width:78ch}.newlink .created{border-top:1px solid var(--border);padding-top:12px}@media (width<=900px){.newlink-head,.newlink-marks{grid-template-columns:repeat(2,minmax(0,1fr))}.newlink-foot{flex-direction:column;align-items:stretch}}button,.ghost-link{transition:background-color .12s,border-color .12s,transform 60ms,opacity .12s}button:hover:not(:disabled),.ghost-link:hover{filter:brightness(1.12)}button:active:not(:disabled),.ghost-link:active{filter:brightness(.95);transform:translateY(1px)}button:focus-visible,.ghost-link:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,select:focus{border-color:var(--accent);outline:none}tbody tr:hover{background:var(--surface-2)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface-2);border:1px solid var(--border);border-left:2px solid var(--good);border-radius:var(--radius);padding:10px 14px;animation:.16s ease-out toast-in;box-shadow:0 12px 30px -12px #000}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){button,.ghost-link{transition:none}button:active:not(:disabled),.ghost-link:active{transform:none}.toast{animation:none}}
