@layer hfClientCardsFlat{html body{--client-card-surface:#fff;--client-card-ink:#252930;--client-card-muted:#69717d;--client-card-line:#dfe2e6;--client-card-danger:#b91c1c;--client-card-warning:#a16207;--client-card-invitation:#2563eb}html body.hf-dark{--client-card-surface:#141516;--client-card-ink:#f1f2f4;--client-card-muted:#afb3bb;--client-card-line:#35383e;--client-card-danger:#f87171;--client-card-warning:#fbbf24;--client-card-invitation:#60a5fa}.cg-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;justify-content:stretch!important;gap:8px!important}.cg-grid .cg-card{container-type:inline-size;border:1px solid var(--client-card-line)!important;width:100%!important;max-width:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:var(--client-card-surface)!important;text-align:left!important;aspect-ratio:auto!important;border-radius:14px!important;justify-content:flex-start!important;gap:0!important;height:286px!important}.cg-card .cg-card-photo{flex:0 0 178.56px;width:100%;min-height:0;position:relative;overflow:hidden}.cg-card .cg-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.cg-card .cg-card-photo:after{content:"";background:linear-gradient(to bottom,transparent 82%,var(--client-card-surface));pointer-events:none;position:absolute;inset:0}.cg-grid .cg-card.no-photo{background:#eef0f3!important}html body.hf-dark .cg-grid .cg-card.no-photo{background:#202124!important}html body:not(.hf-dark) .cg-card .cg-placeholder-halo{fill:#dfe3e8!important;stroke:#c5cbd3!important}html body:not(.hf-dark) .cg-card .cg-placeholder-skin{fill:#626b78!important}html body:not(.hf-dark) .cg-card .cg-placeholder-body{fill:#76808e!important;stroke:#626b78!important}.cg-grid .cg-card:before,.cg-grid .cg-card:after{display:none!important}.cg-grid .cg-card.sel{border-color:var(--red)!important}.cg-grid .cg-card .cg-card-content{flex-direction:column;flex:1 0 auto;min-height:0;display:flex;z-index:3!important;box-sizing:border-box!important;background:var(--client-card-surface)!important;width:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background-image:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:4px 8px!important;position:relative!important;inset:auto!important}.cg-card .cg-card-heading{align-items:flex-start;gap:4px;min-width:0;display:flex}.cg-card .cg-card-name{flex:1;min-width:0;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:var(--client-card-ink)!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;font:600 11px/1.35 DM Sans,sans-serif!important;display:-webkit-box!important;overflow:hidden!important}.cg-card .cg-card-status-dot{border-radius:50%;flex:0 0 9px;margin-top:2px;width:9px!important;height:9px!important;box-shadow:none!important;position:static!important}.cg-card .cg-card-meta{flex:1;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;width:100%!important;min-width:0!important;margin-top:4px!important;display:flex!important;position:static!important;inset:auto!important}.cg-card .cg-card-meta .cg-card-meta-chip{max-width:100%!important;color:var(--client-card-muted)!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;text-shadow:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex:none!important;padding:0!important;font:400 9px/1.4 DM Sans,sans-serif!important;display:block!important}.cg-card .cg-card-meta :is(.cg-card-meta-chip.plan,.cg-card-meta-chip.tag){font-size:8.5px!important}.cg-card .cg-card-meta .cg-card-meta-chip.expiry{align-items:center!important;gap:5px!important;margin-top:auto!important;padding-top:4px!important;font-size:11.5px!important;display:flex!important}.cg-card .cg-card-meta-chip.expiry svg{display:none!important}.cg-card .cg-card-meta .cg-card-meta-chip.danger{color:var(--client-card-danger)!important}.cg-card .cg-card-meta .cg-card-meta-chip.warning{color:var(--client-card-warning)!important}.cg-card .cg-card-meta .cg-card-meta-chip.invitation{color:var(--client-card-invitation)!important}.cg-card :is(.cg-card-meta-chip,.cg-card-event):before,.cg-card :is(.cg-card-meta-chip,.cg-card-event):after{display:none!important}.cg-card .cg-card-events{flex-wrap:wrap!important;gap:8px!important;margin-top:6px!important}.cg-card .cg-card-event{color:var(--client-card-muted)!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important;font:400 9px/1.3 DM Sans,sans-serif!important}.cg-card .cg-placeholder{filter:none!important;opacity:1!important;width:64px!important;height:64px!important;margin:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.cg-card .cg-card-placeholder-media:after{display:none!important}.cg-card .cg-card-placeholder-media{--portrait-bg:#e9ecf0;--portrait-ink:#6a7687;background:var(--portrait-bg)}html body.hf-dark .cg-card .cg-card-placeholder-media{--portrait-bg:#23272e;--portrait-ink:#a6b1c1}.cg-card .cg-placeholder-portrait{width:100%;height:100%;display:block;overflow:hidden}.cg-card .cg-portrait-background{fill:var(--portrait-bg)}.cg-card .cg-portrait-initials{fill:var(--portrait-ink);letter-spacing:-3px;font:500 72px DM Sans,sans-serif}.cg-card .cg-portrait-fallback{stroke:var(--portrait-ink);stroke-width:3px;stroke-linecap:round}html body.hf-dark .cg-card .cg-placeholder-halo{fill:#35383e!important;stroke:#555b65!important}html body.hf-dark .cg-card .cg-placeholder-skin{fill:#afb3bb!important}html body.hf-dark .cg-card .cg-placeholder-body{fill:#8b929d!important;stroke:#afb3bb!important}@media (width<=480px){.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.cg-grid .cg-card{aspect-ratio:14/27!important;width:100%!important;max-width:none!important;height:auto!important}.cg-card .cg-card-photo{aspect-ratio:1/1.2;flex:none;min-height:0}.cg-grid .cg-card .cg-card-content{padding:4px!important}.cg-card .cg-card-name{font-size:clamp(8px,8cqw,11px)!important}.cg-card .cg-card-meta{gap:2px!important;margin-top:2px!important}.cg-card .cg-card-meta .cg-card-meta-chip{font-size:clamp(6.5px,6.4cqw,9px)!important}.cg-card .cg-card-meta :is(.cg-card-meta-chip.plan,.cg-card-meta-chip.tag){font-size:clamp(6px,6cqw,8.5px)!important}.cg-card .cg-card-meta .cg-card-meta-chip.plan{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.cg-card .cg-card-meta .cg-card-meta-chip.expiry{padding-top:2px!important;font-size:clamp(7.5px,8cqw,11.5px)!important}.cg-card .cg-placeholder{aspect-ratio:1;width:48%!important;height:auto!important}.cg-card .cg-card-event{font-size:clamp(6.5px,6.4cqw,9px)!important}}}