.user-actions-bar{display:flex;align-items:center;gap:16px;flex-shrink:0}.user-actions-bar svg{width:18px;height:18px;flex-shrink:0}.header-modes{display:flex;gap:3px;padding:4px;border:1px solid var(--cv-border);border-radius:10px;background:var(--cv-surface)}.header-modes button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--cv-muted);cursor:pointer}.header-modes button[aria-pressed=true]{background:var(--cv-primary);color:var(--cv-on-primary,#fff)}.header-modes button:hover{background:var(--cv-primary-soft);color:var(--cv-primary)}.profile-menu{position:relative}.profile-menu>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:38px;padding:0 4px;font-size:12px;color:var(--cv-text);text-decoration:none}.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu>summary:hover{text-decoration:none;color:var(--cv-primary)}.profile-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cv-primary-soft);color:var(--cv-primary)}.profile-display-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu>summary>svg{width:14px}.profile-dropdown{position:absolute;z-index:100;right:0;top:calc(100% + 12px);width:230px;padding:8px;border:1px solid var(--cv-border);border-radius:12px;background:var(--cv-surface);box-shadow:0 12px 35px #0003}.profile-dropdown-heading{padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid var(--cv-border);display:grid;gap:5px;font-size:12px}.profile-dropdown-heading small{color:var(--cv-muted);font-size:10px}.profile-dropdown a{display:flex;align-items:center;gap:10px;padding:11px 12px;color:var(--cv-text);font-size:12px;text-decoration:none;border-radius:7px}.profile-dropdown a:hover{background:var(--cv-primary-soft);color:var(--cv-primary)}.header-logout{margin:0}.header-logout button{display:flex;align-items:center;gap:8px}.account-navigation{margin-left:auto}.account-header{position:relative;z-index:10}.profile-page{width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;min-height:0;flex:1}.profile-page-heading{padding-bottom:24px;flex-shrink:0}.profile-page-heading h1{margin-top:8px}.profile-page-heading p{font-size:12px;color:var(--cv-muted)}.profile-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;min-height:0;flex:1}.profile-summary{padding:28px 24px;align-self:start;text-align:center}.profile-large-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:var(--cv-primary-soft);color:var(--cv-primary);margin:0 auto 20px}.profile-large-avatar svg{width:34px;height:34px}.profile-summary h2{overflow-wrap:anywhere;font-size:17px}.profile-handle{display:block;font-size:12px;color:var(--cv-muted);margin-top:8px}.profile-role{display:inline-block;background:var(--cv-primary-soft);color:var(--cv-primary);padding:6px 12px;border-radius:20px;font-size:10px;margin-top:16px}.profile-summary nav{display:grid;text-align:left;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--cv-border)}.profile-summary nav a{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--cv-text);text-decoration:none;padding:8px}.profile-summary nav a:hover{color:var(--cv-primary)}.profile-summary nav svg,.profile-save svg{width:18px;height:18px}.profile-sections{overflow-y:auto;min-height:0;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--cv-primary) var(--cv-surface)}.profile-details{overflow:hidden;scroll-margin-top:8px}.profile-section-heading{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--cv-border)}.profile-section-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cv-primary-soft);color:var(--cv-primary)}.profile-section-heading svg{width:22px;height:22px}.profile-section-heading h2{font-size:16px;margin:0 0 4px}.profile-section-heading p{font-size:11px;color:var(--cv-muted);margin:0}.profile-fields{padding:24px;display:grid;gap:20px}.profile-fields label{font-size:12px}.profile-fields input{min-width:0}.profile-details>.notice{margin:16px 24px 0}.profile-save{padding:18px 24px;border-top:1px solid var(--cv-border);display:flex;justify-content:flex-end}.profile-save button{gap:8px}.profile-password{margin-top:24px;scroll-margin-top:8px}.profile-password .password-card{max-width:none;margin:0}.profile-password .password-card-heading .login-eyebrow{display:none}.profile-password .password-card h1{font-size:20px;margin-top:0}.profile-password .password-card-heading{padding:24px}.profile-password .password-card-body{padding:24px}.profile-password .password-card-footer{padding:18px 24px}.account-shell input[readonly]{opacity:.7}@media(max-width:800px){.user-actions-bar{gap:8px}.profile-display-name{max-width:110px}.profile-grid{grid-template-columns:1fr;overflow:auto}.profile-summary{display:none}.profile-sections{overflow:visible;padding:0}.account-navigation{display:none!important}.account-header{gap:12px}.profile-fields .field-row{grid-template-columns:1fr}.topbar .breadcrumb-label{min-width:0}}@media(max-width:540px){.profile-display-name{display:none}.header-logout button span{display:none}.header-modes button{width:27px;height:28px}.user-actions-bar{gap:6px}.profile-menu>summary{gap:4px}.header-logout .button{padding:8px}.topbar{padding-inline:14px}.profile-fields,.profile-section-heading{padding:20px}}

.workspace>main{position:relative;isolation:isolate}
.workspace>main.is-loading>:not(.app-loading-overlay){opacity:.4;pointer-events:none}
.app-loading-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:color-mix(in srgb,var(--cv-surface) 20%,transparent);cursor:progress}
.app-loading-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 36px;border:1px solid var(--cv-border);border-radius:16px;background:color-mix(in srgb,var(--cv-surface) 92%,transparent);box-shadow:0 12px 40px #0002;color:var(--cv-text);font-size:12px;line-height:20px}
.app-loading-spinner{width:32px;height:32px;border:3px solid var(--cv-primary-soft);border-top-color:var(--cv-primary);border-radius:50%;animation:app-loading-spin .8s linear infinite}
@keyframes app-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.app-loading-spinner{animation:none;border-color:var(--cv-primary);opacity:.65}}

.server-app{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}.workspace-nav-link{display:grid;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:64px;padding:12px 16px;font-size:12px;line-height:20px;border-radius:10px;color:var(--cv-muted);text-decoration:none}.workspace-nav-link:hover{background:var(--cv-surface-alt);color:var(--cv-primary)}.server-page .profile-page{max-width:none}.server-page>.page-footer{flex-shrink:0}.server-page .profile-page-heading{padding-bottom:24px}.server-page .profile-grid{padding-bottom:2px}.server-page .profile-sections{padding-right:8px}.server-page .profile-summary{position:static}.server-page .profile-password{padding-bottom:2px}
@media(max-width:1100px){.workspace-nav-link{padding-inline:12px}}@media(max-width:720px){.workspace-nav-link{display:flex;flex-direction:column;gap:4px;min-height:48px;padding:6px 2px;text-align:center}.workspace-nav-link .nav-label{font-size:9px;line-height:14px}.server-page>.page-footer{display:none}.server-page .profile-sections{padding-right:0}}

.sidebar nav .workspace-nav-link.active{background:var(--cv-primary-soft);color:var(--cv-primary)}.sidebar nav .workspace-nav-link .nav-arrow{visibility:hidden}.sidebar nav .workspace-nav-link.active .nav-arrow{visibility:visible}.sidebar nav .workspace-nav-link .nav-symbol{width:20px;height:20px}

.users-grid-page{flex:1;min-height:0;display:flex;flex-direction:column}.users-grid-page .users-heading{align-items:center;gap:20px}.users-heading h1{margin-top:8px}.users-heading p{font-size:12px;color:var(--cv-muted)}.users-heading .button,.users-grid-panel .button{gap:8px}.users-grid-page svg{width:18px;height:18px;flex-shrink:0}.users-grid-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.users-grid-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--cv-border);font-size:11px;color:var(--cv-muted);flex-shrink:0}.users-search{position:relative;width:min(420px,100%)}.users-search>svg{position:absolute;left:13px;top:12px;color:var(--cv-muted)}.users-grid-tools .users-search input:not([type=checkbox]):not([type=file]){padding-left:40px}.users-grid-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--cv-primary) var(--cv-surface)}.users-grid-scroll th{position:sticky;top:0;background:var(--cv-surface-alt);z-index:1;white-space:nowrap}.users-grid-scroll table{width:100%;min-width:900px}.users-grid-scroll td{vertical-align:middle}.users-grid-scroll tr[hidden]{display:none}.users-grid-name{display:flex;align-items:center;gap:12px}.users-avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--cv-primary-soft);color:var(--cv-primary);border-radius:10px;flex-shrink:0}.users-grid-name strong{font-size:12px;display:block}.users-grid-name small,.users-password-pending{display:block;font-size:10px;color:var(--cv-muted);margin-top:5px}.users-role{font-size:11px}.users-state{display:inline-flex;gap:7px;align-items:center;font-size:11px}.users-state i{width:6px;height:6px;border-radius:50%;background:var(--cv-muted)}.users-state.enabled i{background:var(--cv-success)}.users-limit{font-size:11px;color:var(--cv-muted)}.users-grid-footer{padding:14px 24px;font-size:10px;line-height:18px;color:var(--cv-muted);border-top:1px solid var(--cv-border);flex-shrink:0}.users-editor{width:660px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--cv-border);border-radius:18px;background:var(--cv-surface);color:var(--cv-text);margin:auto;overflow:hidden}.users-editor::backdrop{background:#120d1db3;backdrop-filter:blur(4px)}.users-editor[open],.users-editor>form{display:flex;flex-direction:column;min-height:0}.users-editor>form{max-height:calc(100dvh - 50px)}.users-editor .dialog-heading,.users-editor .dialog-footer{flex-shrink:0}.users-editor .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.users-editor h2{font-size:18px;margin-top:8px}.users-editor .close-button{border:0;background:transparent;color:var(--cv-muted)}.users-editor svg{width:20px;height:20px}.users-editor-body{padding:24px;overflow:auto;min-height:0;display:grid;gap:22px;scrollbar-width:thin;scrollbar-color:var(--cv-primary) var(--cv-surface)}.users-editor label{font-size:12px}.users-editor input[readonly]{opacity:.65}.users-limit-heading{padding-top:20px;border-top:1px solid var(--cv-border)}.users-limit-heading h3{font-size:13px;margin:0 0 6px}.users-limit-heading p{font-size:11px;color:var(--cv-muted);margin:0}.users-editor .button:hover,.users-editor .close-button:hover{background:var(--cv-primary-soft);color:var(--cv-primary)}@media(max-width:700px){.users-heading{flex-wrap:wrap}.users-grid-tools{padding:16px}.users-editor-body{padding:20px}.users-editor .field-row{grid-template-columns:1fr}.users-grid-footer{padding:12px 16px}}

.users-grid-scroll table{min-width:1260px}.users-mobile,.users-birthdate{white-space:nowrap}.users-grid-scroll td{font-size:12px}

.user-grid-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:240px}.user-grid-actions form{margin:0}.users-grid-scroll table{min-width:1450px}
