:root{--bg: #f3f7fa;--surface: #ffffff;--surface-2: #f1f6f9;--ink: #0f2a37;--ink-soft: #4a5b64;--ink-faint: #8794a0;--line: #e3eaef;--line-soft: #eef3f6;--primary: #0c7099;--primary-deep: #07506d;--primary-soft: #d4eefb;--primary-tint: #ecf8fe;--brand: #1ebbf0;--on-brand: #053349;--status-active: #1f9d6b;--status-leave: #c0851a;--font-display: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Public Sans", system-ui, -apple-system, sans-serif;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--shadow-1: 0 1px 2px rgba(15, 42, 55, .05), 0 1px 3px rgba(15, 42, 55, .04);--shadow-2: 0 6px 16px rgba(15, 42, 55, .09), 0 2px 5px rgba(15, 42, 55, .05);--shadow-3: 0 20px 56px rgba(10, 35, 50, .22);--maxw: 1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.muted{color:var(--ink-faint)}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:inset 0 -3px 0 -2px var(--brand)}.brand{display:flex;align-items:baseline;gap:10px}.brand__mark{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--primary-deep)}.brand__sub{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.topbar__right{display:flex;align-items:center;gap:14px}.topbar__email{font-size:13.5px;color:var(--ink-soft)}.controls{display:flex;gap:14px;align-items:center;width:100%;max-width:var(--maxw);margin:24px auto 0;padding:0 clamp(16px,4vw,40px)}.search{position:relative;flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:0 14px;box-shadow:var(--shadow-1);color:var(--ink-faint);transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--primary-soft)}.search__input{flex:1;border:0;outline:0;background:transparent;font:inherit;color:var(--ink);padding:13px 0}.search__input::placeholder{color:var(--ink-faint)}.search__clear{border:0;background:none;cursor:pointer;font-size:22px;line-height:1;color:var(--ink-faint);padding:0 2px}.search__clear:hover{color:var(--ink)}.viewtoggle{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:3px;gap:2px}.viewtoggle__btn{display:inline-flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;font:inherit;font-weight:600;font-size:13.5px;color:var(--ink-soft);padding:8px 14px;border-radius:9px;transition:background .15s,color .15s}.viewtoggle__btn.is-active{background:var(--surface);color:var(--primary-deep);box-shadow:var(--shadow-1)}.viewtoggle__btn:disabled{opacity:.4;cursor:not-allowed}.filters{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;max-width:var(--maxw);margin:16px auto 0;padding:0 clamp(16px,4vw,40px)}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font:inherit;font-weight:600;font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .14s}.pill:hover{border-color:var(--primary);color:var(--primary-deep)}.pill.is-active{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.pill__count{font-variant-numeric:tabular-nums;opacity:.65;margin-left:4px;font-weight:700}.switch{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{width:38px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background .18s}.switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .18s}.switch input:checked+.switch__track{background:var(--primary)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px)}.grid-wrap{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:18px clamp(16px,4vw,40px) 48px}.resultcount{color:var(--ink-faint);font-size:13px;margin:6px 2px 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;cursor:pointer;box-shadow:var(--shadow-1);transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;flex-direction:column;gap:13px;outline:none}.card:hover,.card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}.card:focus-visible{box-shadow:0 0 0 3px var(--primary-soft),var(--shadow-2)}.card__top{display:flex;gap:13px;align-items:center}.card__id{min-width:0}.card__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.2;color:var(--ink);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.card__creds{font-family:var(--font-body);font-size:11.5px;font-weight:700;color:var(--primary);letter-spacing:.03em}.card__role{margin:3px 0 0;font-size:13.5px;color:var(--ink-soft)}.card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card__contact{display:flex;flex-direction:column;gap:5px}.contact{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft);text-decoration:none;max-width:100%}.contact:hover{color:var(--primary)}.contact svg{color:var(--ink-faint);flex:none}.contact:hover svg{color:var(--primary)}.contact__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__reports{margin:0;padding-top:11px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--ink-faint)}.chip{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;letter-spacing:.01em;padding:4px 10px;border-radius:999px}.chip--team{background:var(--primary-tint);color:var(--primary-deep);border:1px solid var(--primary-soft)}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.status__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status--active{color:var(--status-active)}.status--leave{color:var(--status-leave)}.status--mini{width:8px;height:8px;border-radius:50%;padding:0}.status--mini.status--leave{background:var(--status-leave)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#141e1a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;animation:fade .18s ease}.detail{width:min(440px,100%);height:100%;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-3);padding:28px 26px 40px;overflow-y:auto;position:relative;animation:slidein .24s cubic-bezier(.2,.7,.2,1)}@keyframes slidein{0%{transform:translate(28px);opacity:.4}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.detail__close{position:absolute;top:18px;right:18px;border:1px solid var(--line);background:var(--surface-2);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink-soft)}.detail__close:hover{color:var(--ink);border-color:var(--ink-faint)}.detail__head{display:flex;gap:16px;align-items:flex-start;padding-right:36px}.detail__name{margin:0;font-family:var(--font-display);font-weight:600;font-size:23px;line-height:1.15}.detail__creds{margin:4px 0 0;font-size:12.5px;font-weight:700;color:var(--primary);letter-spacing:.03em}.detail__role{margin:5px 0 0;color:var(--ink-soft);font-size:14.5px}.detail__badges{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.detail__contactbar{display:flex;gap:10px;margin:22px 0 6px}.detail__bio{margin:18px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.6}.detail__grid{margin-top:20px;display:flex;flex-direction:column;gap:14px}.detail__row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}.detail__label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}.detail__value{font-size:14px;color:var(--ink);word-break:break-word}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:3px 9px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}.detail__people{margin-top:26px}.detail__sectionhead{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.person-row{display:flex;align-items:center;gap:11px;width:100%;border:1px solid var(--line-soft);background:var(--surface-2);border-radius:var(--r-md);padding:9px 11px;margin-bottom:7px;cursor:pointer;text-align:left;transition:border-color .14s,background .14s}.person-row:hover{border-color:var(--primary);background:var(--primary-tint)}.person-row span{display:block;min-width:0}.person-row__name{font-weight:600;font-size:14px}.person-row__role{font-size:12.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:7px;font:inherit;font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:var(--r-sm);cursor:pointer;text-decoration:none;border:1px solid transparent;transition:all .14s}.btn--ghost{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--primary);color:var(--primary-deep);background:var(--primary-tint)}.avatar{border-radius:50%;flex:none;display:inline-grid;place-items:center;overflow:hidden}.avatar--img{object-fit:cover}.avatar--initials{font-family:var(--font-body);font-weight:700;letter-spacing:.01em}.org{display:flex;flex-direction:column;gap:30px}.org__teamhead{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0 0 12px;color:var(--primary-deep);display:flex;align-items:center;gap:10px}.org__count{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.orglist{list-style:none;margin:0;padding:0}.orglist--root{display:flex;flex-direction:column;gap:8px}.orglist .orglist{margin-left:19px;padding-left:18px;border-left:1.5px solid var(--line);margin-top:8px;display:flex;flex-direction:column;gap:8px}.orgnode{position:relative}.orgcard{display:inline-flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 14px 8px 9px;cursor:pointer;transition:border-color .14s,box-shadow .14s,transform .14s;text-align:left;box-shadow:var(--shadow-1)}.orgcard:hover{border-color:var(--primary);box-shadow:var(--shadow-2);transform:translateY(-1px)}.orgcard__text{display:flex;flex-direction:column}.orgcard__name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.orgcard__role{font-size:12.5px;color:var(--ink-faint)}.notice,.empty{max-width:560px;margin:64px auto;padding:0 24px;text-align:center}.notice__title{font-family:var(--font-display);font-weight:600;font-size:26px;color:var(--ink);margin:0 0 12px}.notice__body{color:var(--ink-soft);font-size:15px;line-height:1.6}.empty{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink-soft)}.spinner{width:34px;height:34px;margin:0 auto 16px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.authscreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--primary-tint),transparent 60%),var(--bg)}.authscreen__inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.brand--auth{flex-direction:column;gap:4px;margin-bottom:4px}.brand--auth .brand__mark{font-size:38px}.authscreen__lede{color:var(--ink-soft);margin:0 0 8px}.authscreen__inner>div:last-child{display:inline-block}.appfoot{border-top:1px solid var(--line);padding:16px clamp(16px,4vw,40px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-faint);max-width:var(--maxw);width:100%;margin:0 auto}.reveal{animation:reveal .4s cubic-bezier(.2,.7,.2,1) backwards}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 720px){.controls{flex-direction:column;align-items:stretch}.viewtoggle{align-self:flex-start}.topbar__email{display:none}.grid{grid-template-columns:1fr}.detail{width:100%}}