.pi-trigger{background:var(--wh-surface,#ffffffd9);-webkit-backdrop-filter:blur(8px);border:1px solid var(--wh-border-subtle,#0f172a0f);border-radius:var(--wh-radius-full,999px);cursor:pointer;font-family:var(--wh-font,"Inter","Open Sans",sans-serif);color:var(--wh-text,#0f172a);align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a05,0 4px 12px #0f172a08}.pi-trigger:hover{background:var(--wh-surface,#fff);border-color:var(--wh-border,#0f172a1f);transform:translateY(-.5px);box-shadow:0 2px 4px #0f172a08,0 8px 16px #0f172a0a}.pi-trigger:active{transform:translateY(.5px)}.pi-trigger:focus-visible,.pi-trigger[data-state=open]{background:var(--wh-surface,#fff);border-color:var(--wh-indigo,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--wh-indigo)15%,transparent);outline:none}.pi-trigger-icon{background:color-mix(in srgb,var(--wh-indigo)8%,transparent);color:var(--wh-indigo,#3b82f6);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background .2s;display:inline-flex}.pi-trigger:hover .pi-trigger-icon{background:color-mix(in srgb,var(--wh-indigo)12%,transparent)}.pi-trigger-label{color:var(--wh-text,#0f172a);letter-spacing:-.01em;font-size:13px;font-weight:500}.pi-trigger-divider{background:var(--wh-divider,#0f172a0f);width:1px;height:14px;margin:0 2px}.pi-body{font-family:var(--wh-font,"Inter","Open Sans",sans-serif);flex-direction:column;gap:16px;display:flex}.pi-hero{background:linear-gradient(145deg,var(--wh-surface-muted,#f8fafc)0%,color-mix(in srgb,var(--accent-color)3%,transparent)100%);border:1px solid color-mix(in srgb,var(--accent-color)8%,transparent);border-radius:var(--wh-radius-lg,12px);--accent-color:var(--wh-indigo);align-items:flex-start;gap:16px;padding:16px;display:flex}.pi-hero[data-accent=indigo]{--accent-color:var(--wh-indigo,#3b82f6)}.pi-hero[data-accent=emerald]{--accent-color:var(--wh-success,#10b981)}.pi-hero[data-accent=amber]{--accent-color:var(--wh-warning,#f59e0b)}.pi-hero[data-accent=slate]{--accent-color:var(--wh-text-muted,#64748b)}.pi-hero-glyph{background:var(--wh-surface,#fff);box-shadow:0 2px 6px color-mix(in srgb,var(--accent-color)12%,transparent);color:var(--accent-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.pi-hero-text{flex:1;min-width:0}.pi-hero-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color);margin-bottom:4px;font-size:11px;font-weight:600}.pi-hero-title{color:var(--wh-text,#0f172a);letter-spacing:-.015em;margin:0;font-size:16px;font-weight:600}.pi-hero-sub{color:var(--wh-text-secondary,#475569);margin:4px 0 0;font-size:13px}.pi-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pi-stat-tile{background:var(--wh-surface,#fff);border:1px solid var(--wh-border-subtle,#0f172a0f);border-radius:var(--wh-radius-md,10px);flex-direction:column;gap:2px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a03}.pi-stat-value{letter-spacing:-.02em;font-size:20px;font-weight:600}.pi-stat-label{color:var(--wh-text-muted,#64748b);font-size:11px;font-weight:500}.pi-stat-tile[data-tone=owner] .pi-stat-value{color:var(--wh-text,#0f172a)}.pi-stat-tile[data-tone=editor] .pi-stat-value{color:var(--wh-indigo,#3b82f6)}.pi-stat-tile[data-tone=viewer] .pi-stat-value{color:var(--wh-text-muted,#64748b)}.pi-search-clear-btn{color:var(--wh-text-muted,#64748b);cursor:pointer;transition:background-color var(--wh-duration-fast,.15s)ease,color var(--wh-duration-fast,.15s)ease;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.pi-search-clear-btn:hover{background:var(--wh-surface-hover,#0f172a0f);color:var(--wh-text,#0f172a)}.pi-seg{background:var(--wh-surface-muted,#f1f5f9);border-radius:var(--wh-radius-md,8px);gap:2px;padding:4px;display:inline-flex}.pi-seg-btn{color:var(--wh-text-secondary,#475569);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.pi-seg-btn:hover{color:var(--wh-text,#0f172a)}.pi-seg-btn[data-active=true]{background:var(--wh-surface,#fff);color:var(--wh-text,#0f172a);font-weight:600;box-shadow:0 1px 3px #0f172a14}.pi-seg-count{color:inherit;background:var(--wh-surface-muted,#f1f5f9);border-radius:var(--wh-radius-full,999px);text-align:center;min-width:16px;padding:1px 6px;font-size:10.5px;font-weight:600;line-height:1.4}.pi-seg-btn[data-active=true] .pi-seg-count{background:color-mix(in srgb,var(--wh-indigo)12%,transparent);color:var(--wh-indigo,#3b82f6)}.pi-groups{flex-direction:column;gap:16px;display:flex}.pi-group{flex-direction:column;gap:6px;display:flex}.pi-group-head{align-items:center;gap:8px;padding:0 4px;display:flex}.pi-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--wh-text-muted,#64748b);font-size:11px;font-weight:700}.pi-group-count{color:var(--wh-text-muted,#64748b);background:var(--wh-surface-muted,#f1f5f9);border-radius:var(--wh-radius-full,999px);text-align:center;min-width:18px;padding:1px 7px;font-size:11px;font-weight:600}.pi-group-list{flex-direction:column;gap:4px;display:flex}.pi-row{border-radius:var(--wh-radius-lg,12px);background:var(--wh-surface,#fff);opacity:0;border:1px solid #0000;gap:12px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.16,1,.3,1) forwards piRowIn;display:flex;position:relative;transform:translateY(6px)}.pi-row:before{content:"";background:var(--row-accent,transparent);border-radius:0 4px 4px 0;width:3px;transition:all .2s;position:absolute;top:12px;bottom:12px;left:0}.pi-row[data-role=owner]{--row-accent:var(--wh-text,#0f172a)}.pi-row[data-role=admin]{--row-accent:var(--wh-indigo,#3b82f6)}.pi-row[data-role=other]{--row-accent:var(--wh-border-strong,#cbd5e1)}.pi-row:hover{background:var(--wh-surface-hover,#f8fafc);border-color:var(--wh-border-subtle,#0f172a0f);transform:scale(1.01)translateY(-1px);box-shadow:0 4px 12px #0f172a08}.pi-row:hover:before{top:8px;bottom:8px}@keyframes piRowIn{to{opacity:1;transform:translateY(0)}}.pi-row-avatar{flex-shrink:0;position:relative}.pi-row-main{flex:1;min-width:0}.pi-row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pi-row-name{color:var(--wh-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13.5px;font-weight:600;overflow:hidden}.pi-row-email{color:var(--wh-text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.pi-chips{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.pi-chip{--c:var(--wh-text-secondary,#475569);background:color-mix(in srgb,var(--c)8%,transparent);border:1px solid color-mix(in srgb,var(--c)15%,transparent);color:var(--c);letter-spacing:-.005em;cursor:default;border-radius:6px;align-items:center;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.pi-chip--edit{--c:var(--wh-indigo,#3b82f6)}.pi-chip--approve{--c:var(--wh-warning,#f59e0b)}.pi-chip--create{--c:var(--wh-success,#10b981)}.pi-chip--owner{color:var(--wh-text,#0f172a);background:var(--wh-surface-muted,#f1f5f9);border-color:var(--wh-border-strong,#cbd5e1);font-weight:600}.pi-rolepill{text-transform:capitalize;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1}.pi-rolepill--owner{color:var(--wh-text,#0f172a);background:var(--wh-surface-muted,#f1f5f9);border-color:var(--wh-border-strong,#cbd5e1)}.pi-rolepill--admin{color:var(--wh-indigo,#3b82f6);background:color-mix(in srgb,var(--wh-indigo)10%,transparent);border-color:color-mix(in srgb,var(--wh-indigo)20%,transparent)}.pi-rolepill--user,.pi-rolepill--sd_agent{color:var(--wh-text-secondary,#334155);background:var(--wh-surface-muted,#f1f5f9);border-color:var(--wh-border,#0f172a14)}.pi-foot-cta{gap:6px}.pi-foot-cta svg{transition:transform .2s var(--wh-ease-out,cubic-bezier(.16,1,.3,1))}.pi-foot-cta:hover svg{transform:translate(2px)}