:root{--ground:#f5f7f2;--surface:#fff;--ink:#1b221c;--ink-2:#4a544c;--muted:#737d74;--rule:#d6dcd3;--accent:#2e6b3a;--accent-ink:#fff;--accent-soft:#e3eee3;--bubble-theirs:#fff;--danger:#a4302a;--notice:#f6e9de;--notice-ink:#7a3f15;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#151916;--surface:#1e2420;--ink:#e8ece6;--ink-2:#b7c0b8;--muted:#8a948b;--rule:#2f3731;--accent:#7dba8a;--accent-ink:#10200f;--accent-soft:#24352a;--bubble-theirs:#252c27;--danger:#e0877f;--notice:#3a2a1e;--notice-ink:#f0c9a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}#root{flex-direction:column;height:100dvh;display:flex}#root>*{flex-shrink:0}#root>.shell,#root>main{flex:auto;min-height:0}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea{font:inherit;color:inherit}h1,h2{margin:0;line-height:1.2}h2{font-size:18px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.centre-text{text-align:center;padding:24px 16px}.pad{padding:16px}.splash{height:100%;color:var(--accent);place-items:center;font-size:28px;font-weight:700;display:grid}.test-banner{color:#fff;text-align:center;letter-spacing:.04em;background:#7a3f15;padding:3px;font-size:12px}.button{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:600}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button:disabled{opacity:.5;cursor:default}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:40px;padding:8px 4px;font-weight:600}.link.danger{color:var(--danger)}.link:disabled{opacity:.5}input,textarea{border:1px solid var(--rule);background:var(--surface);border-radius:10px;width:100%;min-height:44px;padding:11px 12px}.error{color:var(--danger);margin:8px 0}.notice{background:var(--notice);color:var(--notice-ink);margin:0;padding:8px 16px;font-size:14px}.signin{flex-direction:column;gap:24px;max-width:380px;min-height:100%;margin:0 auto;padding:48px 20px 24px;display:flex}.brand{text-align:center;justify-items:center;gap:8px;display:grid}.mark{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);border-radius:16px;place-items:center;font-size:36px;font-weight:800;display:grid}.brand h1{font-size:28px}.stack{gap:10px;display:grid}.stack label{font-weight:600}#code{letter-spacing:.3em;text-align:center;font-size:22px}.centre{text-align:center;gap:12px;max-width:420px;margin:0 auto;padding:48px 20px;display:grid}.picker{gap:10px;max-width:420px;margin:0 auto;padding:32px 20px;display:grid}.shell{flex-direction:column;display:flex}.bar{padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;display:flex}.bar-title{color:var(--accent);padding:8px 4px;font-weight:700}.tabs{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-weight:600}.tab.on{background:var(--accent-soft);color:var(--accent)}.thread{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:8px;padding:16px 12px;display:flex;overflow-y:auto}.bubble{border-radius:var(--radius);max-width:min(80%,560px);padding:8px 12px;box-shadow:0 1px 1px #0000000f}.bubble.mine{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px;align-self:flex-end}.bubble.theirs{background:var(--bubble-theirs);border:1px solid var(--rule);border-bottom-left-radius:4px;align-self:flex-start}.author{color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:700}.text{white-space:pre-wrap;overflow-wrap:anywhere}.time{opacity:.7;text-align:right;margin-top:2px;font-size:11px}.composer{padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--rule);align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;field-sizing:content;max-height:140px}.split{flex:1;grid-template-columns:340px 1fr;min-height:0;display:grid}.list{border-right:1px solid var(--rule);background:var(--surface);overflow-y:auto}.row{text-align:left;border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;gap:2px;width:100%;padding:12px 16px;display:grid}.row.active{background:var(--accent-soft)}.row-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-name{font-weight:600}.row.unread .row-name,.row.unread .row-last{color:var(--ink);font-weight:700}.row-client{color:var(--accent);font-size:13px}.row-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.badge{background:var(--accent);color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.pane{flex-direction:column;min-height:0;display:flex}.pane-head{border-bottom:1px solid var(--rule);background:var(--surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.back{display:none}@media (width<=760px){.split{grid-template-columns:1fr}.split.has-open .list,.split:not(.has-open) .pane{display:none}.back{display:inline-block}.list{border-right:0}}.clients{align-content:start;gap:16px;width:100%;max-width:820px;margin:0 auto;padding:16px;display:grid;overflow-y:auto}.inline{flex-wrap:wrap;gap:8px;display:flex}.inline input{flex:180px;width:auto}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.card.paused{opacity:.75}.card-head{align-items:center;gap:10px;display:flex}.card-head h2{flex:1}.pill{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.pill.on{background:var(--accent-soft);color:var(--accent)}.pill.off{background:var(--notice);color:var(--notice-ink)}.members{margin:0;padding:0;list-style:none;display:grid}.members li{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.members li.removed strong{color:var(--muted);text-decoration:line-through}.actions{gap:4px;display:flex}.chip{text-align:left;cursor:pointer;width:100%;color:inherit;background:#ffffff24;border:1px solid #7f7f7f59;border-radius:10px;gap:1px;margin-top:6px;padding:8px 10px;display:grid}.bubble.theirs .chip{background:var(--accent-soft);border-color:var(--rule)}.chip.filed{cursor:default;opacity:.85}.chip-name{overflow-wrap:anywhere;font-weight:600}.chip-meta{opacity:.8;font-size:12px}.pending{background:var(--surface);border-top:1px solid var(--rule);gap:4px;margin:0;padding:6px 12px;list-style:none;display:grid}.pending li{align-items:center;gap:8px;display:flex}.pending .chip-name{flex:1;font-size:14px;font-weight:500}.button.attach{padding:0 14px;font-size:22px;line-height:1}.pad-x{padding:0 16px}.badge.small{vertical-align:1px;min-width:18px;height:18px;margin-left:6px;font-size:11px}.small{font-size:13px}.result{color:var(--accent);font-size:13px;display:block}.filing{border-top:1px dashed var(--rule);gap:4px;padding-top:4px;display:grid}.filing-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.filing-row label{flex:200px;gap:2px;font-size:13px;font-weight:600;display:grid}.filing p{margin:0}.entities{gap:2px;margin:0;padding:0;list-style:none;display:grid}.entities li{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.entities li>span:first-child{font-weight:600}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.tag.xero{color:#1d5b8f;background:#e3eef8}@media (prefers-color-scheme:dark){.tag.xero{color:#9cc8ee;background:#1f3244}}.card.import{border-style:dashed}.connections{flex-wrap:wrap;gap:14px;margin:0;font-size:13px;font-weight:600;display:flex}.connections .on{color:var(--accent)}.connections .off{color:var(--muted)}.connections span:before{content:"● "}.summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.summary>div{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:12px 14px;display:grid}.summary strong{font-variant-numeric:tabular-nums;color:var(--accent);font-size:24px;line-height:1.1}.summary span{color:var(--muted);font-size:13px}@media (width<=560px){.summary{grid-template-columns:1fr}}.clients.wide{max-width:none;padding:16px 24px}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.toolbar input{flex:220px;width:auto}select{border:1px solid var(--rule);background:var(--surface);width:100%;color:inherit;min-height:44px;font:inherit;border-radius:10px;padding:10px 12px}h3{margin:0;font-size:16px}.table-wrap{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);overflow-x:auto}.card .table-wrap{border:0;border-radius:0}.client-table{border-collapse:collapse;width:100%;font-size:14px}.client-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--rule);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:700}.client-table td{border-bottom:1px solid var(--rule);white-space:nowrap;padding:11px 12px}.client-table tbody tr:last-child td{border-bottom:0}.client-table tbody tr[role=button]{cursor:pointer}.client-table tbody tr[role=button]:hover,.client-table tbody tr[role=button]:focus-visible{background:var(--accent-soft);outline:none}.client-table .num{text-align:right;font-variant-numeric:tabular-nums}.client-table .client-name{font-weight:600}.client-table tr.paused td{opacity:.6}.client-table tfoot td{border-top:1px solid var(--rule);border-bottom:0;font-weight:700}.detail-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.detail-head h2{flex:auto;font-size:22px}:root{--late:#b3261e;--late-soft:#fbe9e7;--progress:#8a5a00;--progress-soft:#fff1d6}@media (prefers-color-scheme:dark){:root{--late:#f2a098;--late-soft:#3b1f1c;--progress:#f0c36a;--progress-soft:#3a2e14}}.late-text{font-weight:700;color:var(--late)!important}.badge.late,.tag.late{background:var(--late-soft);color:var(--late)}.badge.small.late{background:var(--late);color:#fff}.tasks-table tr.late td:first-child{box-shadow:inset 3px 0 0 var(--late)}.tasks-table tr.done td{color:var(--muted)}.tasks-table tr.done .client-name{font-weight:500;text-decoration:line-through}.status-select{border-radius:999px;width:auto;min-height:34px;padding:4px 8px;font-size:13px;font-weight:600}.status-select.not-started{background:var(--surface)}.status-select.in-progress{background:var(--progress-soft);color:var(--progress);border-color:#0000}.status-select.done{background:var(--accent-soft);color:var(--accent);border-color:#0000}.note-dot{color:var(--accent);font-weight:800}select.narrow{flex:none;width:auto}.task-editor{border-color:var(--accent)}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;display:grid}.form-grid .field{align-content:start;gap:4px;display:grid}.form-grid .field.wide{grid-column:span 2}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.form-grid textarea{resize:vertical}.push-right{margin-left:auto}@media (width<=760px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .field.wide{grid-column:1/-1}}.date-filter{align-items:center}.date-filter label{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.date-filter input[type=date]{width:auto;min-height:40px;padding:6px 10px}#root>.hub{flex:auto;min-height:0}.hub{--ground:#f2f5f0;--surface:#fff;--ink:#17201a;--ink-2:#414c44;--muted:#69756c;--rule:#e0e6de;--accent:#2e6b3a;--accent-ink:#fff;--accent-soft:#e3efe5;--accent-strong:#245630;--side:#15261b;--side-ink:#c3d3c6;--side-strong:#f2f7f2;--side-hover:#1d3425;--side-on:#26432f;--side-accent:#8ccb99;background:var(--ground);color:var(--ink);grid-template-columns:236px minmax(0,1fr);font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14.5px;transition:grid-template-columns .22s;display:grid}@media (prefers-color-scheme:dark){.hub{--ground:#101612;--surface:#171f19;--ink:#e5ece6;--ink-2:#c1cbc3;--muted:#8b968d;--rule:#263028;--accent:#86c394;--accent-ink:#0e1a10;--accent-soft:#1d3223;--accent-strong:#a6d8b1;--side:#0b120d;--side-ink:#a9b8ac;--side-strong:#eef4ef;--side-hover:#152219;--side-on:#1c3122}}.hub h1,.hub h2,.hub h3{font-family:Archivo,Public Sans,sans-serif}.side{background:var(--side);color:var(--side-ink);flex-direction:column;gap:6px;min-height:0;padding:18px 12px 12px;display:flex}.side-brand{align-items:center;gap:10px;padding:2px 8px 20px;display:flex}.side-mark{background:var(--side-accent);width:34px;height:34px;color:var(--side);border-radius:9px;place-items:center;font:700 18px/1 Archivo,sans-serif;display:grid}.side-brand strong{color:var(--side-strong);font:700 16px/1.2 Archivo,sans-serif;display:block}.side-brand small{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:11px;display:block}.side ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side li button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.2;display:flex}.side li button:hover{background:var(--side-hover);color:var(--side-strong)}.side li button.on{background:var(--side-on);color:var(--side-strong);box-shadow:inset 3px 0 0 var(--side-accent);font-weight:600}.side li button:focus-visible{outline:2px solid var(--side-accent);outline-offset:-2px}.side-count{min-width:20px;height:20px;color:var(--side-strong);font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-grid}.side-count.alert{color:#fff;background:#d64a3c}.side-user{border-top:1px solid #ffffff14;align-items:center;gap:9px;margin-top:auto;padding:12px 6px 2px;font-size:13px;display:flex}.side-user .avatar{background:var(--side-on);color:var(--side-strong)}.side-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:var(--side-hover);color:var(--side-strong)}.hub-main{min-width:0;min-height:0;overflow-y:auto}.hub .page{align-content:start;gap:16px;padding:24px 30px 40px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:4px;display:flex}.page-title h1{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.page-title p{color:var(--muted);margin:4px 0 0;font-size:14px}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.hub .back-link{min-height:0;color:var(--muted);align-items:center;gap:2px;padding:0 0 6px;font-size:13px;font-weight:600;display:inline-flex}.hub .back-link:hover{color:var(--accent)}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.avatar.small{width:28px;height:28px;font-size:11px}.hub .button{border-color:var(--rule);border-radius:8px;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.hub .button:hover:not(:disabled){border-color:var(--accent)}.hub .button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.hub input,.hub select,.hub textarea{border-color:var(--rule);border-radius:8px;min-height:38px;padding:7px 11px;font-family:inherit;font-size:14px}.hub input:focus,.hub select:focus,.hub textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.hub .link{min-height:0;padding:4px}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.stat{text-align:left;background:var(--surface);border:1px solid var(--rule);color:inherit;font:inherit;cursor:pointer;border-radius:12px;gap:2px;padding:13px 16px;transition:border-color .12s,background .12s;display:grid}.stat strong{font-variant-numeric:tabular-nums;font:700 26px/1.1 Archivo,sans-serif}.stat span{color:var(--muted);font-size:13px}button.stat:hover{border-color:var(--accent)}.stat.on{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.stat.good strong{color:var(--accent)}.stat.alert strong{color:var(--late)}.stat.alert.on{background:var(--late-soft);border-color:var(--late);box-shadow:inset 0 0 0 1px var(--late)}.stat-strip.static .stat{cursor:default}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters input[type=search]{flex:280px;width:auto}.filters select{width:auto}.date-field{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.date-field input{width:auto}.hub .table-wrap{border:1px solid var(--rule);background:var(--surface);border-radius:12px}.hub .card .table-wrap{border:0;border-radius:0}.hub .client-table{font-size:14px}.hub .client-table th{letter-spacing:.05em;border-bottom-color:var(--rule);padding:11px 14px;font-size:11.5px}.hub .client-table td{border-bottom-color:var(--rule);padding:10px 14px}.hub .client-table tbody tr[role=button]:hover{background:color-mix(in srgb, var(--accent-soft) 70%, transparent)}.hub .group-row th{background:var(--ground);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:left;padding:8px 14px;font-size:11.5px;font-weight:700}.hub .group-row:first-child th{border-top:0}.hub .group-row th span{color:var(--muted);margin-left:6px;font-weight:600}.hub .group-row.late th{background:var(--late-soft);color:var(--late)}.hub .tasks-table tr.late td:first-child{box-shadow:inset 3px 0 0 var(--late)}.hub .status-select{border-radius:999px;min-height:30px;padding:3px 8px;font-size:12.5px}.hub .pill{letter-spacing:0;padding:2px 9px;font-family:Public Sans,sans-serif;font-size:11.5px}.hub .page-title .pill{font-size:12px}.hub .card{border-color:var(--rule);border-radius:12px;gap:12px;padding:16px 18px}.hub .card h3{font-size:16px;font-weight:700}.hub .card-head{gap:10px}.hub .card-head h3{flex:1}.hub .task-editor{box-shadow:0 8px 24px #14281914}.hub .inbox-page{flex-direction:column;height:100%;padding-bottom:24px;display:flex}.hub .inbox-page .split{background:var(--surface);border:1px solid var(--rule);border-radius:12px;flex:auto;min-height:420px;overflow:hidden}.hub .list{background:var(--surface);border-right:1px solid var(--rule)}.hub .row{border-bottom:1px solid var(--rule);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.hub .row:hover{background:color-mix(in srgb, var(--accent-soft) 60%, transparent)}.hub .row.active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.hub .row-body{flex:1;gap:1px;min-width:0;display:grid}.hub .row-when{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.hub .row-bottom{align-items:center;gap:8px;display:flex}.hub .row-last{flex:1;min-width:0}.hub .pane-head{gap:10px;min-height:52px;padding:10px 16px}.hub .messages{background:var(--ground);padding:18px 16px}.hub .composer{background:var(--surface)}.empty{color:var(--muted);text-align:center;justify-items:center;gap:6px;padding:56px 16px;display:grid}.empty p{margin:0}@media (width<=760px){.hub{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.side{padding:4px 6px;padding-bottom:max(4px, env(safe-area-inset-bottom));flex-direction:row;order:2;align-items:center;gap:0}.side-brand,.side-user .avatar,.side-user-name{display:none}.side ul{flex:1;grid-template-columns:repeat(4,1fr)}.side li button{flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;font-size:11px;position:relative}.side li button.on{box-shadow:inset 0 3px 0 var(--side-accent)}.side-count{min-width:17px;height:17px;margin:0;font-size:10.5px;position:absolute;top:3px;left:calc(50% + 6px)}.side-user{border:0;margin:0;padding:0 2px}.hub-main{order:1}.hub .page{padding:16px 14px 24px}.page-title h1{font-size:22px}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:22px}}.side{overflow:hidden}.side-brand-text{white-space:nowrap;flex:1;min-width:0}.side-toggle{flex-shrink:0;margin-left:auto}.side li button,.side-user{white-space:nowrap}.side-label,.side-brand-text,.side-user-name{transition:opacity .15s}.hub.collapsed{grid-template-columns:68px minmax(0,1fr)}.hub.collapsed .side{padding-left:10px;padding-right:10px}.hub.collapsed .side-brand{flex-direction:column;gap:12px;padding:2px 0 16px}.hub.collapsed .side-brand-text,.hub.collapsed .side-label,.hub.collapsed .side-user-name{opacity:0;pointer-events:none;width:0;overflow:hidden}.hub.collapsed .side-toggle{margin:0}.hub.collapsed .side li button{justify-content:center;padding:10px 0;position:relative}.hub.collapsed .side-count{min-width:17px;height:17px;box-shadow:0 0 0 2px var(--side);margin:0;padding:0 4px;font-size:10.5px;position:absolute;top:3px;right:6px}.hub.collapsed .side-user{flex-direction:column;gap:6px;padding:12px 0 2px}@media (prefers-reduced-motion:reduce){.hub,.side-label,.side-brand-text,.side-user-name{transition:none}}@media (width<=760px){.side-toggle{display:none}.hub.collapsed{grid-template-columns:1fr}.hub.collapsed .side{padding:4px 6px}.hub.collapsed .side-label{opacity:1;width:auto}.hub.collapsed .side li button{flex-direction:column;padding:7px 4px}.hub.collapsed .side-count{top:3px;left:calc(50% + 6px);right:auto}}.hub .client-table th.sortable{padding:0}.hub .client-table th.sortable button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;align-items:center;gap:5px;padding:11px 14px;display:inline-flex}.hub .client-table th.sortable.num button{justify-content:flex-end}.hub .client-table th.sortable button svg{opacity:.35;flex-shrink:0}.hub .client-table th.sortable button:hover{color:var(--ink)}.hub .client-table th.sortable button:hover svg{opacity:.8}.hub .client-table th.sortable button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.hub .client-table th.sorted{color:var(--accent)}.hub .client-table th.sorted button svg{opacity:1}