.access-page,.access-form{gap:24px;min-width:0;display:grid}.access-page .form-label,.access-modal .form-label{gap:8px;min-width:0;margin:0;display:grid}.access-page input:not([type=checkbox]),.access-page textarea,.access-modal input:not([type=checkbox]){border:1px solid var(--color-line);background:var(--color-surface);width:100%;min-width:0;color:var(--color-ink);border-radius:12px;min-height:48px;padding:12px 14px}.access-page textarea{resize:vertical}.access-page input:focus,.access-page textarea:focus,.access-modal input:focus{border-color:var(--color-teal-deep);box-shadow:none;outline:none}.access-page :disabled,.access-modal :disabled{cursor:not-allowed}.access-page input:disabled,.access-page textarea:disabled{background:var(--color-canvas);color:var(--color-muted)}.access-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.access-actions .small{min-height:44px;padding:10px 14px}.access-status{border:1px solid var(--color-line);background:var(--color-canvas);min-height:32px;color:var(--color-muted);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--font-weight-label);justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}button.access-status{min-height:44px}.access-status.is-active{background:var(--color-mint);color:var(--color-teal-deep);border-color:#0000}.access-system{color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--font-weight-caption);margin-top:6px;display:inline-block}.access-role-warning{color:#9b432f;display:block}.access-danger{color:#9b342f}.access-danger-fill,.access-danger-fill:hover{color:#fff;background:#9b342f}.access-empty{text-align:center;padding:48px 24px}.access-empty p{margin-top:8px}.access-form-card{gap:24px;padding:28px;display:grid}.access-field-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;display:grid}.access-full-field{grid-column:1/-1}.access-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.access-permission-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.access-permission-toolbar p{margin-top:4px}.access-checkbox{min-height:44px;font-size:var(--text-description);font-weight:var(--font-weight-navigation);line-height:var(--leading-description);text-transform:none;letter-spacing:var(--tracking-body);align-items:center;gap:12px;display:flex}.access-checkbox input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--color-teal-deep);flex-shrink:0;margin:0;padding:0}.access-checkbox input:focus-visible{outline:2px solid var(--color-teal);outline-offset:3px}.access-checkbox small{color:var(--color-muted);font-weight:var(--font-weight-caption);display:block}.access-permission-category{gap:12px;display:grid}.access-permission-category>.access-category-label{color:var(--color-teal-deep);margin-top:4px}.access-permission-module{border:1px solid var(--color-line);border-radius:14px;overflow:hidden}.access-module-heading{background:var(--color-canvas);align-items:center;gap:12px;padding:12px 16px;display:flex}.access-module-heading .access-checkbox{flex:1;min-width:0}.access-module-count{color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--font-weight-caption)}.access-icon-button{border:1px solid var(--color-line);width:44px;height:44px;color:var(--color-teal-deep);background:var(--color-surface);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.access-icon-button svg{transition:transform .15s;transform:rotate(-90deg)}.access-icon-button.is-expanded svg{transform:rotate(0)}.access-permission-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:12px 24px 16px 84px;display:grid}.access-permission-options[hidden]{display:none}.access-denied{justify-items:start;gap:20px;padding:40px;display:grid}.access-denied p{max-width:52ch}.access-modal{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--color-ink);box-shadow:var(--shadow-card);margin:auto;padding:28px;overflow:auto}.access-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b282b88}.access-modal-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.access-modal-heading .access-icon-button svg{transform:none}.access-modal>p{margin-bottom:20px}.access-modal .password-field>input{padding-right:52px}.access-user-summary{background:var(--color-canvas);border:1px solid var(--color-line);overflow-wrap:anywhere;border-radius:12px;padding:16px}.access-user-summary strong{font-weight:var(--font-weight-heading)}.access-audit-details{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60dvh;font-size:var(--text-description);line-height:var(--leading-description);overflow-y:auto}@media (width<=700px){.access-form-card{gap:20px;padding:20px}.access-field-grid,.access-permission-options{grid-template-columns:1fr}.access-permission-options{padding:12px 20px 16px}.access-module-heading{gap:8px;padding:12px}.access-modal{padding:20px}.access-modal-heading{gap:8px}.access-denied{padding:24px}}