.user-details{display:flex;flex-direction:column;gap:var(--space-l)}.user-details__confirm{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.user-details__card--deletion{border-color:var(--error-main)}.user-details__leadership-sections{display:flex;flex-direction:column;gap:var(--space-m)}.user-details__leadership-group{display:flex;flex-direction:column;gap:var(--space-xs)}.user-details__leadership-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.user-details__leadership-list{display:flex;flex-direction:column}.user-details__leadership-item{display:flex;align-items:center;gap:var(--space-xs)}.user-details__advanced{border-top:1px solid var(--border-light);padding-top:var(--space-s)}.user-details__advanced summary{cursor:pointer;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-s)}.user-details__danger-zone{border-top:1px solid var(--error-main);margin-top:var(--space-m);padding-top:var(--space-s);display:flex;justify-content:flex-end;gap:var(--space-xs)}.theme-dark .user-details__advanced{border-color:var(--border-medium)}.create-user-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-m)}.create-user-form__label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.9rem}.create-user-form__error{color:var(--error-main);font-size:.85rem}.permissions-modal{display:flex;flex-direction:column;max-height:70vh}.permissions-modal__content{display:flex;flex-direction:column;gap:var(--space-l);overflow-y:auto;flex:1 1 auto;min-height:0;padding-bottom:var(--space-s);scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-surface-alt)}.permissions-modal__content::-webkit-scrollbar{width:10px}.permissions-modal__content::-webkit-scrollbar-track{background:var(--bg-surface-alt);border-radius:8px}.permissions-modal__content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid var(--bg-surface-alt)}.permissions-modal__content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.permissions-modal__toolbar{display:flex;justify-content:flex-start;align-items:center}.permissions-modal__toolbar-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.permissions-modal__banners{display:flex;flex-direction:column;gap:var(--space-xs);flex-shrink:0}.permissions-modal__banners:empty{display:none}.permissions-modal__banner{font-size:.9rem;padding:var(--space-s) var(--space-m);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.permissions-modal__banner--info{background:var(--info-bg);color:var(--info-main);border-color:var(--info-border)}.permissions-modal__banner--warning{background:var(--warning-bg);color:var(--warning-main);border-color:var(--warning-border)}.permissions-modal__banner--error{background:var(--error-bg);color:var(--error-main);border-color:var(--error-border)}.permissions-modal__banner--danger{background:var(--error-bg);color:var(--error-main);border-color:var(--error-border);font-weight:500}.permissions-modal__section{display:flex;flex-direction:column;gap:var(--space-s)}.permissions-modal__section h3{display:flex;align-items:center;gap:var(--space-s);margin:0;font-size:1rem;color:var(--text-primary)}.permissions-modal__custom-badge{font-size:.75rem;font-weight:500;background:var(--warning-bg);color:var(--warning-main);padding:2px 8px;border-radius:var(--radius-sm)}.permissions-modal__section--danger{border:1px solid var(--error-border);border-radius:var(--radius-md);padding:var(--space-m);background:color-mix(in srgb,var(--error-bg) 30%,transparent)}.permissions-modal__section--danger h3{color:var(--error-main)}.permissions-modal__danger-badge{font-size:.7rem;font-weight:600;background:var(--error-bg);color:var(--error-main);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.permissions-modal__roles{display:flex;flex-wrap:wrap;gap:var(--space-m)}.permissions-modal__role{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:.95rem;color:var(--text-primary)}.permissions-modal__role--disabled{opacity:.5;cursor:not-allowed}.permissions-modal__hint{font-size:.75rem;color:var(--text-muted)}.permissions-modal__table{width:100%;border-collapse:collapse;font-size:.9rem}.permissions-modal__table th,.permissions-modal__table td{padding:var(--space-xs) var(--space-s);text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle}.permissions-modal__table th{background:var(--bg-surface-alt);font-weight:600;color:var(--text-muted)}.permissions-modal__table tr:last-child td{border-bottom:none}.permissions-modal__row--allow{background:var(--success-bg)}.permissions-modal__row--deny{background:var(--error-bg)}.permissions-modal__row--deny .permissions-modal__permission-name{text-decoration:line-through;color:var(--text-muted)}.permissions-modal__permission-name{position:relative;padding-top:0!important;padding-bottom:0!important}.permissions-modal__permission-name .permissions-modal__permission-indent{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.permissions-modal__permission-indent{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:100%}.permissions-modal__permission-text{display:flex;flex-direction:column;gap:2px;justify-content:center;padding-left:4px}.permissions-modal__tree-guides{display:flex;align-self:stretch;-webkit-user-select:none;user-select:none;flex-shrink:0}.permissions-modal__tree-seg{position:relative;width:20px;flex-shrink:0}.permissions-modal__tree-seg--pipe:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--border-medium)}.permissions-modal__tree-seg--branch:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:1px;background:var(--border-medium)}.permissions-modal__tree-seg--branch:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border-medium)}.permissions-modal__tree-seg--last:before{content:"";position:absolute;left:9px;top:0;height:50%;width:1px;background:var(--border-medium)}.permissions-modal__tree-seg--last:after{content:"";position:absolute;left:9px;top:50%;width:10px;height:1px;background:var(--border-medium)}.permissions-modal__permission-desc{font-size:.9rem;color:var(--text-primary)}.permissions-modal__permission-code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.permissions-modal__dep-tag{display:inline-block;font-size:.7rem;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm);margin-top:2px;width:fit-content}.permissions-modal__dep-tag--required{background:var(--info-bg);color:var(--info-main)}.permissions-modal__dep-tag--blocked{background:var(--error-bg);color:var(--error-main)}.permissions-modal__row--dep-required,.permissions-modal__row--dep-blocked{opacity:.7}.permissions-modal__granted{color:var(--success-main);font-weight:500}.permissions-modal__not-granted{color:var(--text-muted)}.permissions-modal__select{padding:var(--space-xs) var(--space-s);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:.85rem;cursor:pointer}.permissions-modal__select:disabled{opacity:.5;cursor:not-allowed}.permissions-modal__actions{display:flex;gap:var(--space-s);justify-content:space-between;align-items:center;padding-top:var(--space-m);border-top:1px solid var(--border-light);flex-shrink:0;position:sticky;bottom:0;background:var(--bg-surface);z-index:1}.permissions-modal__actions-left{display:flex;gap:var(--space-s);align-items:center;flex-wrap:wrap}.permissions-modal__actions-right{display:flex;gap:var(--space-s)}.permissions-modal__warning{color:var(--warning-main);font-size:.9rem;padding:var(--space-s);background:var(--warning-bg);border-radius:var(--radius-sm)}.permissions-modal__error{color:var(--error-main);font-size:.9rem;padding:var(--space-s);background:var(--error-bg);border-radius:var(--radius-sm)}.permissions-modal__row--disabled{opacity:.5}.permissions-modal__skeleton{display:flex;flex-direction:column;gap:var(--space-l)}.permissions-modal__skeleton-section{display:flex;flex-direction:column;gap:var(--space-s)}.permissions-modal__skeleton-roles{display:flex;flex-wrap:wrap;gap:var(--space-s)}.permissions-modal__skeleton-table{display:flex;flex-direction:column;gap:var(--space-xs)}.permissions-modal__skeleton-row{display:grid;grid-template-columns:2fr 1fr .8fr;gap:var(--space-s);align-items:center;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);background:var(--bg-surface)}.permissions-modal__skeleton-row:nth-child(2n){background:var(--bg-surface-alt)}@media(max-width:600px){.permissions-modal__table{font-size:.85rem}.permissions-modal__table th,.permissions-modal__table td{padding:var(--space-xs)}.permissions-modal__roles{flex-direction:column;gap:var(--space-s)}}@media(max-width:720px){.permissions-modal__table,.permissions-modal__table tbody,.permissions-modal__table tr,.permissions-modal__table td{display:block;width:100%}.permissions-modal__table thead{display:none}.permissions-modal__table tr{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-s);margin-bottom:var(--space-s);background:var(--bg-surface)}.permissions-modal__table td{border:none;padding:var(--space-xs) 0}.permissions-modal__select{width:100%}.permissions-modal__actions{flex-direction:column;align-items:stretch}.permissions-modal__actions .btn{width:100%}.permissions-modal__toolbar{justify-content:flex-start}.permissions-modal__actions-left{flex-direction:column;align-items:stretch}.permissions-modal__actions-right{flex-direction:column}.permissions-modal__skeleton-row{grid-template-columns:1fr}}.user-management{display:flex;flex-direction:column;gap:var(--space-l)}.user-management__panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-m)}.user-management__panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);padding-bottom:var(--space-s);border-bottom:1px solid var(--border-light)}.user-management__panel-header h2{margin:0;font-size:1.1rem}.user-management__filters{display:flex;flex-direction:column;gap:var(--space-m)}.user-management__filter-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,2fr) auto;gap:var(--space-s);align-items:center;padding:var(--space-s);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-surface-alt)}.user-management__filter-range{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:var(--space-s)}.user-management__filter-row select,.user-management__filter-row input{width:100%;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);padding:.5rem .6rem;font-size:.9rem}.user-management__filter-row input::placeholder{color:var(--text-muted)}.user-management__filter-row .btn{min-height:40px}.theme-dark .user-management__filter-row{border-color:var(--border-medium);background:var(--bg-surface-alt)}.theme-dark .user-management__filter-row select,.theme-dark .user-management__filter-row input{border-color:var(--border-medium);background:var(--bg-surface);color:var(--text-primary)}.user-management__empty{color:var(--text-muted)}.user-management__panel-actions{display:flex;gap:var(--space-s);flex-wrap:wrap}.user-management__toolbar{display:flex;flex-direction:column;gap:var(--space-m);align-items:stretch}.user-management__toolbar-row{display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap}.user-management__toolbar-left{display:flex;align-items:center;gap:var(--space-s);flex:1 1 0;flex-wrap:wrap;min-width:200px;position:relative}.user-management__header-actions{display:flex;align-items:center;gap:var(--space-s);flex-wrap:wrap;margin-left:auto}.user-management__name{display:flex;flex-direction:column;gap:2px}.user-management__name span{color:var(--text-muted);font-size:.85rem}.user-management__roles{font-size:.85rem;line-height:1.3}.user-management__roles-text{display:inline-block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-management__table-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media(max-width:900px){.user-management .page-header{align-items:flex-start}.user-management__panel-header{flex-direction:column;align-items:flex-start}.user-management__panel-header .btn{width:100%}.user-management__filter-row,.user-management__filter-range{grid-template-columns:1fr}.user-management__panel-actions{width:100%}.user-management__panel-actions .btn{flex:1 1 220px}}@media(max-width:720px){.user-management__toolbar{align-items:stretch}.user-management__toolbar-row{flex-direction:column;align-items:stretch}.user-management__toolbar-left{width:100%}.user-management__header-actions{width:100%;justify-content:flex-start;margin-left:0}.sort-controls{width:100%}.sort-controls__select{flex:1}}@media(max-width:520px){.user-management{gap:var(--space-s)}.user-management .card,.user-management__panel{padding:var(--space-s);gap:var(--space-s)}.user-management__panel-header{gap:var(--space-s);padding-bottom:var(--space-xs)}.user-management__panel-header h2{font-size:1rem}.user-management__filters,.user-management__toolbar{gap:var(--space-s)}.user-management__toolbar-row,.user-management__header-actions{gap:var(--space-xs)}.user-management__filter-row{padding:var(--space-xs)}.user-management__filter-row select,.user-management__filter-row input,.user-management__panel-actions .btn,.user-management__header-actions .btn,.user-management__table-actions .btn{min-height:36px;font-size:.9rem}.user-management__panel-actions .btn,.user-management__header-actions .btn{padding:.5rem .9rem}.user-management__toolbar-left,.user-management__header-actions{flex-direction:column;align-items:stretch}.user-management__panel-actions{flex-direction:column;gap:var(--space-xs)}.user-management__panel-actions .btn{flex:0 0 auto;width:100%}.user-management .dt-table td{flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-xs) 0}.user-management .dt-table td[data-label]:before{flex:none;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.user-management .dt-table tr{padding:var(--space-s);box-shadow:var(--shadow-sm)}.user-management__table-actions,.user-management__table-actions .btn{width:100%}}
