.directory.clients-workspace{--clients-blue:#2864dc;--clients-blue-dark:#1f55bd;--clients-blue-soft:#edf3ff;--clients-canvas:#f6f8fb;--clients-surface:#fff;--clients-surface-soft:#f8fafc;--clients-ink:#142039;--clients-muted:#6d798c;--clients-border:#e1e7ef;--clients-border-strong:#d3dbe6;--clients-success:#15805f;--clients-success-soft:#e9f7f1;--clients-warning:#9a6700;--clients-warning-soft:#fff7df;box-sizing:border-box;min-height:calc(100dvh - var(--workspace-topbar,68px));color:var(--clients-ink);background:var(--clients-canvas);padding:28px clamp(20px,3vw,38px) 52px}.clients-workspace *,.clients-workspace :before,.clients-workspace :after{box-sizing:border-box}.clients-workspace button,.clients-workspace input,.clients-workspace select{font:inherit}.clients-workspace svg{width:18px;height:18px;display:block}.clients-workspace .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clients-page-intro,.clients-summary-grid,.clients-toolbar,.clients-content-grid,.clients-empty,.clients-feedback,.clients-skeleton{width:min(100%,1320px);margin-inline:auto}.clients-page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.clients-page-intro>div{min-width:0}.clients-page-intro .clients-eyebrow{color:var(--clients-blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:780;line-height:1}.clients-page-intro h2{max-width:720px;color:var(--clients-ink);letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:735;line-height:1.13}.clients-page-intro>div>p:last-child{color:var(--clients-muted);margin:9px 0 0;font-size:13px;line-height:1.55}.clients-add-button,.client-cancel-button,.clients-text-button{cursor:pointer;border:0;transition:color .16s,background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.clients-add-button{color:#fff;background:var(--clients-blue);border:1px solid var(--clients-blue);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:12px;font-weight:720;display:inline-flex;box-shadow:0 5px 14px #2864dc2e}.clients-add-button svg{width:16px;height:16px}.clients-add-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}@media (hover:hover){.clients-add-button:hover:not(:disabled){background:var(--clients-blue-dark);border-color:var(--clients-blue-dark);transform:translateY(-1px);box-shadow:0 8px 18px #2864dc3b}}.clients-add-button:active:not(:disabled),.client-cancel-button:active:not(:disabled){transform:scale(.98)}.clients-feedback{color:#176b53;background:#eef9f4;border:1px solid #cdeade;border-radius:9px;align-items:center;gap:9px;min-height:42px;margin-top:-10px;margin-bottom:16px;padding:9px 10px 9px 12px;font-size:12px;line-height:1.4;display:flex}.clients-feedback.is-error{color:#9c4039;background:#fff3f1;border-color:#f2d6d2}.clients-feedback.is-info{color:#315f9f;background:#f0f5ff;border-color:#d7e4fa}.clients-feedback>span:nth-child(2){flex:1}.clients-feedback-icon{background:#15805f1a;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.clients-feedback.is-error .clients-feedback-icon{background:#9c40391a}.clients-feedback.is-info .clients-feedback-icon{background:#315f9f1a}.clients-feedback-icon svg{stroke-width:2.25px;width:13px;height:13px}.clients-feedback>button{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.clients-feedback>button:hover{opacity:1;background:#0000000d}.clients-feedback>button svg{width:15px;height:15px}.clients-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px;display:grid}.client-metric{background:var(--clients-surface);border:1px solid var(--clients-border);border-radius:10px;align-items:flex-start;gap:13px;min-height:106px;padding:17px;display:flex;box-shadow:0 3px 11px #11233c06}.client-metric-icon{width:35px;height:35px;color:var(--clients-blue);background:var(--clients-blue-soft);border-radius:8px;flex:none;place-items:center;display:grid}.client-metric.is-positive .client-metric-icon{color:var(--clients-success);background:var(--clients-success-soft)}.client-metric-icon svg{width:17px;height:17px}.client-metric>div{min-width:0;display:grid}.client-metric small{color:var(--clients-muted);margin-bottom:3px;font-size:10px;font-weight:700;line-height:1.2}.client-metric strong{color:var(--clients-ink);letter-spacing:-.035em;font-size:24px;font-weight:740;line-height:1.15}.client-metric p{color:#8792a2;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;line-height:1.35;overflow:hidden}.clients-toolbar{grid-template-columns:minmax(260px,430px) auto 1fr;align-items:center;gap:11px;margin-bottom:12px;display:grid}.clients-search{color:#7d899a;background:var(--clients-surface);border:1px solid var(--clients-border-strong);border-radius:9px;align-items:center;gap:9px;min-width:0;height:42px;padding:0 10px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.clients-search:focus-within{border-color:#8aaef0;box-shadow:0 0 0 3px #2864dc1a}.clients-search>svg{flex:none;width:17px;height:17px}.clients-search input{width:100%;min-width:0;height:100%;color:var(--clients-ink);background:0 0;border:0;outline:0;padding:0;font-size:12px}.clients-search input::placeholder{color:#98a2b1}.clients-search input::-webkit-search-cancel-button{display:none}.clients-search button{color:#748195;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:27px;height:27px;display:grid}.clients-search button:hover{background:var(--clients-surface-soft)}.clients-search button svg{width:14px;height:14px}.clients-sort{height:42px;color:var(--clients-muted);background:var(--clients-surface);border:1px solid var(--clients-border-strong);border-radius:9px;align-items:center;gap:7px;padding:0 9px 0 12px;font-size:11px;display:flex}.clients-sort>span{white-space:nowrap}.clients-sort select{height:30px;color:var(--clients-ink);cursor:pointer;background:0 0;border:0;outline:0;padding:0 24px 0 6px;font-size:11px;font-weight:680}.clients-result-count{color:var(--clients-muted);justify-self:end;margin:0;font-size:11px}.clients-panel{background:var(--clients-surface);border:1px solid var(--clients-border);border-radius:11px;box-shadow:0 5px 18px #12233a09}.clients-content-grid{grid-template-columns:minmax(0,1fr) minmax(268px,302px);align-items:start;gap:13px;display:grid}.client-list-panel{overflow:hidden}.client-list-heading,.client-list-row{grid-template-columns:minmax(180px,1.25fr) minmax(160px,1.1fr) minmax(90px,.55fr) minmax(105px,.68fr) 20px;align-items:center;gap:14px;display:grid}.client-list-heading{color:#8490a1;border-bottom:1px solid var(--clients-border);letter-spacing:.075em;text-transform:uppercase;background:#fafbfd;min-height:42px;padding:0 15px;font-size:9px;font-weight:760;line-height:1}.client-rows{display:grid}.client-list-row{width:100%;min-height:68px;color:var(--clients-ink);background:var(--clients-surface);text-align:left;cursor:pointer;border:0;border-bottom:1px solid #edf0f4;border-radius:0;padding:9px 15px;transition:background-color .14s,box-shadow .14s;position:relative}.client-list-row:last-child{border-bottom:0}.client-list-row:before{content:"";background:0 0;border-radius:0 4px 4px 0;width:3px;transition:background-color .14s;position:absolute;top:11px;bottom:11px;left:0}.client-list-row.is-selected{background:#f4f7fe;box-shadow:inset 0 0 0 1px #2864dc0e}.client-list-row.is-selected:before{background:var(--clients-blue)}@media (hover:hover){.client-list-row:hover{background:#f8fafd}.client-list-row.is-selected:hover{background:#f1f5fe}}.client-identity{align-items:center;gap:10px;min-width:0;display:flex}.client-identity>i,.client-quick-heading>span{color:#315da9;letter-spacing:.03em;background:#e8effc;border:1px solid #dbe6f8;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-style:normal;font-weight:760;line-height:1;display:grid}.client-identity>i img,.client-quick-heading>span img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.client-identity>span{gap:3px;min-width:0;display:grid}.client-identity b{color:var(--clients-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720;line-height:1.25;overflow:hidden}.client-identity small{color:#909bab;font-size:9px;line-height:1.2}.client-email{color:#667489;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.client-email.is-missing{color:#9aa3af;font-style:italic}.client-invoice-count{color:#526176;white-space:nowrap;font-size:10px}.client-readiness,.client-quick-status>span{white-space:nowrap;align-items:center;gap:6px;width:fit-content;font-size:9px;font-weight:700;display:inline-flex}.client-readiness>i,.client-quick-status i{border-radius:50%;flex:none;width:6px;height:6px}.client-readiness.is-ready,.client-quick-status .is-ready{color:var(--clients-success)}.client-readiness.is-ready>i,.client-quick-status .is-ready i{background:#39ae85;box-shadow:0 0 0 3px #39ae851f}.client-readiness.is-incomplete,.client-quick-status .is-incomplete{color:var(--clients-warning)}.client-readiness.is-incomplete>i,.client-quick-status .is-incomplete i{background:#e1a62c;box-shadow:0 0 0 3px #e1a62c21}.client-row-arrow{color:#9aa5b4;place-items:center;display:grid}.client-row-arrow svg{width:15px;height:15px}.client-quick-view{padding:18px;position:sticky;top:18px;overflow:hidden}.client-quick-heading{border-bottom:1px solid var(--clients-border);align-items:center;gap:11px;padding-bottom:15px;display:flex}.client-quick-heading>span{color:#fff;background:var(--clients-blue);border-color:var(--clients-blue);width:42px;height:42px}.client-quick-heading>div{min-width:0}.client-quick-heading small{color:#8a95a5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:740;display:block}.client-quick-heading h3{color:var(--clients-ink);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:720;line-height:1.25;overflow:hidden}.client-quick-status{padding:13px 0 0}.client-quick-status>span{background:var(--clients-surface-soft);border-radius:99px;padding:5px 8px}.client-quick-view dl{margin:15px 0 0;display:grid}.client-quick-view dl>div{border-top:1px solid #edf0f4;gap:4px;padding:12px 0;display:grid}.client-quick-view dt{color:#8a95a5;font-size:9px;font-weight:690}.client-quick-view dd{overflow-wrap:anywhere;color:#435168;margin:0;font-size:11px;font-weight:620;line-height:1.4}.client-quick-note{color:#796025;background:var(--clients-warning-soft);border:1px solid #f3e6bd;border-radius:8px;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px;font-size:9px;line-height:1.5;display:flex}.client-quick-note svg{flex:none;width:15px;height:15px;margin-top:1px}.client-quick-actions{gap:7px;margin-top:16px;display:grid}.client-open-profile,.client-new-invoice,.client-delete-action{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;font-weight:720;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:flex}.client-open-profile{color:#fff;background:var(--clients-blue);border:1px solid var(--clients-blue)}.client-new-invoice{color:#415169;border:1px solid var(--clients-border-strong);background:#fff}.client-delete-action{color:#b1413b;cursor:pointer;background:#fff8f7;border:1px solid #efcbc7}.client-open-profile svg,.client-new-invoice svg,.client-delete-action svg{width:14px;height:14px}@media (hover:hover){.client-open-profile:hover{background:var(--clients-blue-dark)}.client-new-invoice:hover{background:#f7f9fc;border-color:#c4cfdd}.client-delete-action:hover:not(:disabled){color:#8f302c;background:#fff0ef;border-color:#e7aea8}}.client-open-profile:active,.client-new-invoice:active,.client-delete-action:active{transform:scale(.985)}.client-delete-action:disabled{opacity:.58;cursor:wait}.clients-empty{text-align:center;justify-items:center;padding:clamp(46px,7vw,74px) 24px;display:grid}.clients-empty>span{width:46px;height:46px;color:var(--clients-blue);background:var(--clients-blue-soft);border-radius:11px;place-items:center;display:grid}.clients-empty>span svg{width:21px;height:21px}.clients-empty h3{color:var(--clients-ink);letter-spacing:-.02em;margin:15px 0 0;font-size:17px;line-height:1.3}.clients-empty p{max-width:440px;color:var(--clients-muted);margin:7px 0 17px;font-size:11px;line-height:1.6}.clients-text-button{color:var(--clients-blue);background:0 0;padding:5px;font-size:11px;font-weight:720}.clients-text-button:hover{color:var(--clients-blue-dark)}.clients-skeleton{gap:0;display:grid}.client-skeleton-block,.client-skeleton-row i,.client-skeleton-row b,.client-skeleton-row span,.client-skeleton-row em,.client-skeleton-heading{position:relative;overflow:hidden;background:#eef1f5!important}.client-skeleton-block:after,.client-skeleton-row i:after,.client-skeleton-row b:after,.client-skeleton-row span:after,.client-skeleton-row em:after,.client-skeleton-heading:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb8 50%,#0000 80%);animation:1.35s infinite clients-shimmer;position:absolute;inset:0;transform:translate(-100%)}.client-skeleton-block{align-content:center;gap:7px;display:grid}.client-skeleton-block i{background:#dde2e9;border-radius:5px;width:28px;height:8px}.client-skeleton-block b{background:#dce2e9;border-radius:5px;width:46px;height:22px}.client-skeleton-block span{background:#e1e6ec;border-radius:5px;width:76px;height:7px}.client-skeleton-heading{border-bottom:1px solid var(--clients-border);height:42px}.client-skeleton-row{border-bottom:1px solid #edf0f4;grid-template-columns:38px minmax(120px,1fr) 80px 70px;align-items:center;gap:11px;min-height:68px;padding:9px 15px;display:grid}.client-skeleton-row:last-child{border-bottom:0}.client-skeleton-row i{border-radius:9px;width:38px;height:38px}.client-skeleton-row>div{gap:6px;display:grid}.client-skeleton-row b{border-radius:5px;width:min(160px,80%);height:9px}.client-skeleton-row span{border-radius:5px;width:min(110px,64%);height:7px}.client-skeleton-row em{border-radius:5px;width:68px;height:8px}@keyframes clients-shimmer{to{transform:translate(100%)}}.client-drawer-backdrop{z-index:149;cursor:default;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08132261;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.client-add-drawer{z-index:150;width:min(430px,100vw);color:var(--clients-ink);background:var(--clients-surface);border-left:1px solid var(--clients-border);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-18px 0 50px #09172a21}.client-add-drawer>header{border-bottom:1px solid var(--clients-border);justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:16px 20px;display:flex}.client-add-drawer>header>div{align-items:center;gap:11px;min-width:0;display:flex}.client-drawer-icon{width:37px;height:37px;color:var(--clients-blue);background:var(--clients-blue-soft);border-radius:9px;flex:none;place-items:center;display:grid}.client-drawer-icon svg{width:18px;height:18px}.client-add-drawer header p{color:var(--clients-blue);letter-spacing:.09em;text-transform:uppercase;margin:0 0 3px;font-size:8px;font-weight:760}.client-add-drawer header h2{color:var(--clients-ink);letter-spacing:-.025em;margin:0;font-size:18px;line-height:1.2}.client-drawer-close{color:#69778a;border:1px solid var(--clients-border);cursor:pointer;background:#f7f9fc;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.client-drawer-close:hover:not(:disabled){color:var(--clients-ink);background:#f0f3f7}.client-drawer-close:disabled{opacity:.45;cursor:not-allowed}.client-drawer-close svg{width:17px;height:17px}.client-drawer-intro{padding:18px 20px 0}.client-drawer-intro p{color:var(--clients-muted);margin:0;font-size:11px;line-height:1.6}.client-add-drawer form{flex-direction:column;flex:1;min-height:0;padding:22px 20px 20px;display:flex;overflow-y:auto}.client-add-drawer form>label{color:#36445a;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 7px;font-size:10px;font-weight:720;display:flex}.client-add-drawer form>label:not(:first-child){margin-top:20px}.client-add-drawer form>label>span{color:#c84e45}.client-add-drawer form>label em{color:#929cab;font-size:9px;font-style:normal;font-weight:560}.client-add-drawer form>input{width:100%;height:43px;color:var(--clients-ink);border:1px solid var(--clients-border-strong);background:#fff;border-radius:8px;outline:0;padding:0 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.client-add-drawer form>input::placeholder{color:#a0a9b6}.client-add-drawer form>input:focus{border-color:#7da5ee;box-shadow:0 0 0 3px #2864dc1a}.client-add-drawer form>small{color:#8a95a5;margin-top:6px;font-size:9px;line-height:1.45}.client-potential-matches{background:#f5f8ff;border:1px solid #d8e5fb;border-radius:9px;gap:7px;margin-top:13px;padding:10px;display:grid}.client-potential-matches>div{color:#315f9f;align-items:flex-start;gap:7px;display:flex}.client-potential-matches>div>svg{flex:none;width:14px;height:14px;margin-top:1px}.client-potential-matches strong,.client-potential-matches small,.client-potential-matches b{display:block}.client-potential-matches strong{font-size:10px}.client-potential-matches>div small{color:#627390;margin-top:2px;font-size:9px;line-height:1.35}.client-potential-matches a{min-width:0;color:var(--clients-ink);border:1px solid #0000;border-radius:7px;grid-template-columns:25px 1fr 14px;align-items:center;gap:8px;padding:7px;text-decoration:none;display:grid}.client-potential-matches a:hover{background:#fff;border-color:#c9d9f4}.client-potential-matches a>i{width:25px;height:25px;color:var(--clients-blue-deep);background:#e4edff;border-radius:7px;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.client-potential-matches a span{min-width:0}.client-potential-matches a b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.client-potential-matches a small{color:#738096;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.client-potential-matches a>svg{color:#7691bc;width:14px;height:14px}.client-drawer-feedback{color:#9c4039;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:7px;min-height:50px;margin-top:17px;padding:10px;font-size:10px;line-height:1.45;display:flex}.client-drawer-feedback:empty{padding:0}.client-drawer-feedback.is-error{background:#fff4f2;border-color:#f1d6d2}.client-drawer-feedback.is-success{color:#176b53;background:#eef9f4;border-color:#cdeade}.client-drawer-feedback.is-info{color:#315f9f;background:#f0f5ff;border-color:#d7e4fa}.client-drawer-feedback svg{flex:none;width:14px;height:14px;margin-top:1px}.client-add-drawer form>footer{border-top:1px solid var(--clients-border);grid-template-columns:1fr 1.35fr;gap:9px;margin-top:auto;padding-top:18px;display:grid}.client-cancel-button{color:#536176;border:1px solid var(--clients-border-strong);background:#fff;border-radius:8px;min-height:40px;font-size:11px;font-weight:700}.client-cancel-button:hover:not(:disabled){background:#f7f9fc;border-color:#c5cfdb}.client-cancel-button:disabled{opacity:.5;cursor:not-allowed}.client-saving-dot{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite client-saving-spin}@keyframes client-saving-spin{to{transform:rotate(360deg)}}.clients-workspace button:focus-visible,.clients-workspace a:focus-visible,.clients-workspace input:focus-visible,.clients-workspace select:focus-visible{outline-offset:2px;outline:3px solid #2864dc40}html[data-theme=dark] .directory.clients-workspace{--clients-canvas:#0b1320;--clients-surface:#121c2a;--clients-surface-soft:#172231;--clients-ink:#f1f5fb;--clients-muted:#9aa8ba;--clients-border:#28364a;--clients-border-strong:#35445a;--clients-blue-soft:#2f69e02b;--clients-success-soft:#20896829;--clients-warning-soft:#b17e1726}html[data-theme=dark] .client-metric,html[data-theme=dark] .clients-panel{box-shadow:0 5px 18px #00000024}html[data-theme=dark] .client-list-heading{background:#101927}html[data-theme=dark] .client-list-row{border-color:#243144}html[data-theme=dark] .client-list-row.is-selected{background:#2864dc1c}html[data-theme=dark] .client-list-row:hover{background:#162131}html[data-theme=dark] .client-identity>i{color:#96b7ef;background:#1b2b42;border-color:#29405e}html[data-theme=dark] .client-email,html[data-theme=dark] .client-invoice-count,html[data-theme=dark] .client-quick-view dd{color:#b0bdce}html[data-theme=dark] .client-quick-view dl>div{border-color:#263448}html[data-theme=dark] .client-new-invoice,html[data-theme=dark] .client-cancel-button,html[data-theme=dark] .client-add-drawer form>input{color:#e7edf7;background:#101927}html[data-theme=dark] .client-delete-action{color:#f19e98;background:#b1413b1f;border-color:#e1756e5c}html[data-theme=dark] .clients-search,html[data-theme=dark] .clients-sort{background:#121c2a}html[data-theme=dark] .clients-search input,html[data-theme=dark] .clients-sort select{color:#e9eef6}html[data-theme=dark] .clients-sort select option{color:#e9eef6;background:#121c2a}html[data-theme=dark] .client-quick-note{color:#dec882;border-color:#534724}html[data-theme=dark] .client-add-drawer{background:#121c2a;box-shadow:-18px 0 50px #00000052}html[data-theme=dark] .client-add-drawer form>label{color:#dbe4ef}html[data-theme=dark] .client-potential-matches{background:#152238;border-color:#2b4265}html[data-theme=dark] .client-potential-matches>div{color:#9bbcff}html[data-theme=dark] .client-potential-matches>div small,html[data-theme=dark] .client-potential-matches a small{color:#9aabc3}html[data-theme=dark] .client-potential-matches a{color:#e4ebf5}html[data-theme=dark] .client-potential-matches a:hover{background:#192943;border-color:#39557d}html[data-theme=dark] .client-potential-matches a>i{color:#b9ccff;background:#233b63}html[data-theme=dark] .client-drawer-close{color:#abb7c6;background:#172332}html[data-theme=dark] .client-skeleton-block,html[data-theme=dark] .client-skeleton-row i,html[data-theme=dark] .client-skeleton-row b,html[data-theme=dark] .client-skeleton-row span,html[data-theme=dark] .client-skeleton-row em,html[data-theme=dark] .client-skeleton-heading{background:#1d2939!important}@media (max-width:1200px){.client-list-heading,.client-list-row{grid-template-columns:minmax(170px,1.3fr) minmax(90px,.65fr) minmax(104px,.72fr) 20px}.client-list-heading span:nth-child(2),.client-email{display:none}}@media (max-width:980px){.clients-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-content-grid{grid-template-columns:minmax(0,1fr)}.client-quick-view{position:static}}@media (max-width:700px){.directory.clients-workspace{padding:21px 14px 36px}.clients-page-intro{align-items:flex-start;margin-bottom:19px}.clients-page-intro h2{font-size:23px}.clients-page-intro>div>p:last-child{max-width:480px;font-size:11px}.clients-page-intro>.clients-add-button{width:40px;min-width:40px;padding:0}.clients-page-intro>.clients-add-button span{display:none}.client-metric{min-height:92px;padding:14px}.client-metric-icon{width:32px;height:32px}.client-metric strong{font-size:21px}.clients-toolbar{grid-template-columns:minmax(0,1fr) auto}.clients-search{grid-column:1/-1}.clients-result-count{grid-area:2/1;justify-self:start}.clients-sort{grid-area:2/2}.clients-sort>span,.client-list-heading{display:none}.client-rows{background:var(--clients-surface-soft);gap:9px;padding:9px}.client-list-panel{box-shadow:none;background:0 0}.client-list-row,.client-list-row.is-selected{background:var(--clients-surface);border:1px solid var(--clients-border);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;min-height:104px;padding:13px;display:grid;box-shadow:0 2px 8px #11233c06}.client-list-row.is-selected{border-color:#a9c2ee;box-shadow:0 0 0 2px #2864dc14}.client-list-row:before{border-radius:0 4px 4px 0;top:12px;bottom:12px;left:-1px}.client-list-row:last-child{border-bottom:1px solid var(--clients-border)}.client-identity{grid-area:1/1}.client-email{grid-area:2/1/auto/-1;padding-left:48px;font-size:10px;display:block}.client-invoice-count{grid-area:3/1;padding-left:48px}.client-readiness{grid-area:1/2;align-self:start;margin-top:5px}.client-row-arrow{grid-area:3/2;justify-self:end}html[data-theme=dark] .client-list-row,html[data-theme=dark] .client-list-row.is-selected{background:var(--clients-surface)}}@media (max-width:430px){.clients-summary-grid{gap:8px}.client-metric{gap:8px;min-height:98px;display:grid}.client-metric-icon{width:29px;height:29px}.client-metric p{white-space:normal}.client-add-drawer>header,.client-drawer-intro,.client-add-drawer form{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.clients-workspace *,.clients-workspace :before,.clients-workspace :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}