.user-list[data-v-7867c8b3]{display:flex;flex-direction:column;width:100%}.user-list__header[data-v-7867c8b3],.user-list__row[data-v-7867c8b3]{display:grid;grid-template-columns:50px 1fr 1.5fr .5fr .5fr;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant, #e0e0e0);position:relative}.user-list__header[data-v-7867c8b3]{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface-variant, #333)}.user-list__header>div[data-v-7867c8b3]{cursor:pointer}.user-list__row[data-v-7867c8b3]{border-radius:8px;transition:background-color .15s ease-in-out}.user-list__row[data-v-7867c8b3]:hover,.user-list__row[data-v-7867c8b3]:focus-within{background-color:var(--md-sys-state-hover-layer, rgba(0,0,0,.08))}.user-list__row[data-v-7867c8b3]:focus-within{outline:2px solid var(--md-sys-color-primary, blue);outline-offset:-2px}.user-list__avatar-image[data-v-7867c8b3]{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-list__cell--email[data-v-7867c8b3],.user-list__cell--name[data-v-7867c8b3]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--md-sys-typescale-body-large)}.role-badge[data-v-7867c8b3]{padding:4px 12px;border-radius:16px;font:var(--md-sys-typescale-label-medium);text-transform:capitalize}.system-role-badge[data-v-7867c8b3]{font:var(--md-sys-typescale-label-small);color:var(--md-sys-on-surface-variant)}.user-list__cell--actions[data-v-7867c8b3]{display:flex;justify-content:flex-end}.icon-button[data-v-7867c8b3]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:none;border-radius:50%;background-color:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;position:relative;overflow:hidden}.icon-button svg[data-v-7867c8b3]{width:24px;height:24px;fill:currentColor}.icon-button[data-v-7867c8b3]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity .15s ease-in-out}.icon-button[data-v-7867c8b3]:hover:after{opacity:var(--md-sys-state-hover-layer-opacity, .08)}.icon-button[data-v-7867c8b3]:focus:after{opacity:var(--md-sys-state-focus-layer-opacity, .12)}.icon-button[data-v-7867c8b3]:active:after{opacity:var(--md-sys-state-pressed-layer-opacity, .12)}.modal-overlay[data-v-7867c8b3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:grid;place-items:center;z-index:1000}.modal-dialog[data-v-7867c8b3]{width:100%;max-width:500px;position:relative;box-shadow:var(--md-sys-elevation-level-3);border-radius:28px;padding:24px;background-color:var(--md-sys-color-surface-container, #F3EDF7)}.modal-dialog__header[data-v-7867c8b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-dialog__actions[data-v-7867c8b3]{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.page-headline[data-v-7867c8b3]{font:var(--md-sys-typescale-headline-medium);color:var(--md-sys-color-on-surface);padding-bottom:8px}.search-field[data-v-7867c8b3]{display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:28px;background-color:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline)}.search-field[data-v-7867c8b3]:focus-within{border-color:var(--md-sys-color-primary)}.search-field__icon[data-v-7867c8b3]{width:24px;height:24px;fill:var(--md-sys-color-on-surface-variant)}.search-field__input[data-v-7867c8b3]{width:100%;height:56px;border:none;background-color:transparent;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.search-field__input[data-v-7867c8b3]:focus{outline:none}.panel[data-v-7867c8b3] .form-input{width:100%;padding:10px 14px;border:1px solid var(--md-sys-color-outline, #79747E);border-radius:4px;font-size:1rem;background-color:var(--md-sys-color-surface-container-lowest, #FFFFFF);color:var(--md-sys-color-on-surface, #1C1B1F);transition:all .15s ease-in-out}.panel[data-v-7867c8b3] .form-input:focus{outline:none;border-color:var(--md-sys-color-primary, #6750A4);box-shadow:0 0 0 2px var(--md-sys-color-primary-container, #EADDFF)}.panel[data-v-7867c8b3] .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:20px;font:var(--md-sys-typescale-label-large);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out}.panel[data-v-7867c8b3] .btn--primary{background-color:var(--md-sys-color-primary, #6750A4);color:var(--md-sys-color-on-primary, #FFFFFF)}.panel[data-v-7867c8b3] .btn--primary:hover{box-shadow:var(--md-sys-elevation-level-1)}.panel[data-v-7867c8b3] .btn:not(.btn--primary){background-color:transparent;color:var(--md-sys-color-primary, #6750A4);border-color:var(--md-sys-color-outline, #79747E)}.panel[data-v-7867c8b3] .btn:not(.btn--primary):hover{background-color:var(--md-sys-color-primary-container, #EADDFF)}.invitation-lists[data-v-e8daee64]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.invitation-list__container[data-v-e8daee64]{display:flex;flex-direction:column;gap:16px}.invitation-card[data-v-e8daee64]{display:grid;grid-template-columns:1fr auto;grid-template-areas:"details status" "details actions";gap:8px 16px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #e0e0e0);border-radius:12px;background-color:var(--md-sys-color-surface-container-lowest)}.invitation-card__details[data-v-e8daee64]{grid-area:details;display:flex;flex-direction:column;gap:4px}.invitation-card__name[data-v-e8daee64]{font:var(--md-sys-typescale-title-medium)}.invitation-card__email[data-v-e8daee64]{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.invitation-card__code[data-v-e8daee64]{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);background-color:var(--md-sys-color-surface-container-low);padding:2px 8px;border-radius:8px;margin-top:8px;align-self:flex-start}.invitation-card__status[data-v-e8daee64]{grid-area:status;align-self:start}.invitation-card__actions[data-v-e8daee64]{grid-area:actions;align-self:end}.role-badge[data-v-e8daee64]{padding:4px 12px;border-radius:16px;font:var(--md-sys-typescale-label-medium);text-transform:capitalize}.role-badge--pending[data-v-e8daee64]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.role-badge--accepted[data-v-e8daee64]{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.role-badge--rejected[data-v-e8daee64]{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.icon-button[data-v-e8daee64]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:none;border-radius:50%;background-color:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;position:relative;overflow:hidden}.icon-button svg[data-v-e8daee64]{width:24px;height:24px;fill:currentColor}.icon-button[data-v-e8daee64]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity .15s ease-in-out}.icon-button[data-v-e8daee64]:hover:after{opacity:var(--md-sys-state-hover-layer-opacity, .08)}.icon-button[data-v-e8daee64]:focus:after{opacity:var(--md-sys-state-focus-layer-opacity, .12)}.icon-button[data-v-e8daee64]:active:after{opacity:var(--md-sys-state-pressed-layer-opacity, .12)}