.fi-shield-roles .fi-shield-roles-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem;padding:1.5rem 1.75rem;border-radius:0;background:#1f2b66;box-shadow:0 1px 2px #00000014,0 8px 24px #4338ca52;color:#fff}.dark .fi-shield-roles .fi-shield-roles-hero{background:#1f2b66;box-shadow:0 8px 28px #00000073}.fi-shield-roles .fi-shield-roles-hero--compact{margin-bottom:.875rem}.fi-shield-roles .fi-shield-roles-hero-eyebrow{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8}.fi-shield-roles .fi-shield-roles-hero-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.fi-shield-roles .fi-shield-roles-hero-description{margin:.375rem 0 0;max-width:44rem;font-size:.875rem;line-height:1.55;color:#ffffffe0}.fi-shield-roles .fi-shield-roles-hero-stats{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.fi-shield-roles .fi-shield-roles-hero-stat{display:flex;flex-direction:column;gap:.125rem;min-width:5.5rem;padding:.625rem .875rem;border-radius:0;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.fi-shield-roles .fi-shield-roles-hero-stat-value{font-size:1.125rem;font-weight:700;color:#fff}.fi-shield-roles .fi-shield-roles-hero-stat-label{font-size:.6875rem;font-weight:500;color:#ffffffbf}.fi-shield-roles .fi-shield-roles-hero-links{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.fi-shield-roles .fi-shield-roles-hero-link{display:inline-flex;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:0;font-size:.8125rem;font-weight:600;color:#fff;text-decoration:none;background:#ffffff24;border:1px solid rgba(255,255,255,.22);transition:background-color .15s ease,transform .15s ease}.fi-shield-roles .fi-shield-roles-hero-link:hover{background:#ffffff38;transform:translateY(-1px)}.fi-shield-roles .fi-shield-roles-hero-link svg{width:1rem;height:1rem}.fi-shield-roles .fi-shield-roles-system-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:0;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#312e81;background:#ffffffeb}.fi-shield-roles .fi-shield-roles-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;padding:.75rem 1rem;border-radius:0;background:color-mix(in oklab,var(--primary-500) 6%,white);border:1px solid color-mix(in oklab,var(--primary-500) 12%,transparent)}.dark .fi-shield-roles .fi-shield-roles-legend{background:color-mix(in oklab,var(--primary-400) 10%,var(--gray-900));border-color:color-mix(in oklab,var(--primary-400) 18%,transparent)}.fi-shield-roles .fi-shield-roles-legend-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.45;color:#475569}.dark .fi-shield-roles .fi-shield-roles-legend-item{color:#cbd5e1}.fi-shield-roles .fi-shield-roles-legend-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:0;background:var(--primary-500)}.fi-shield-roles .fi-shield-roles-panel{overflow:hidden;border-radius:0;background:var(--fi-bg, white);border:1px solid color-mix(in oklab,var(--gray-200) 70%,transparent);box-shadow:0 1px 2px #0000000d,0 4px 16px #0000000a}.dark .fi-shield-roles .fi-shield-roles-panel{background:var(--gray-900);border-color:color-mix(in oklab,var(--gray-700) 80%,transparent)}.fi-shield-roles .fi-shield-roles-panel>.fi-sc,.fi-shield-roles .fi-shield-roles-panel>.fi-page-main{padding:1rem 1.25rem 1.25rem}.fi-shield-roles .fi-shield-roles-panel--form>.fi-sc{padding:1.25rem}.fi-shield-roles .fi-ta-ctn{border-radius:0;border:none;box-shadow:none}.fi-shield-roles .fi-ta-header-cell{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fi-shield-roles .fi-ta-row{transition:background-color .15s ease}.fi-shield-roles .fi-ta-row:hover{background:color-mix(in oklab,var(--primary-500) 4%,transparent)}.fi-shield-roles .fi-shield-roles-role-name{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.fi-shield-roles .fi-shield-roles-role-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0;background:color-mix(in oklab,var(--primary-500) 12%,white);color:var(--primary-600)}.dark .fi-shield-roles .fi-shield-roles-role-icon{background:color-mix(in oklab,var(--primary-400) 18%,var(--gray-900));color:var(--primary-300)}.fi-shield-roles .fi-shield-roles-role-icon svg{width:.875rem;height:.875rem}.fi-shield-roles .fi-shield-roles-panel--form .fi-fo-field-wrp-label{font-weight:600}.fi-shield-roles .fi-shield-roles-panel--form .fi-fo-toggle{padding:.75rem 1rem;border-radius:0;background:color-mix(in oklab,var(--primary-500) 5%,white);border:1px solid color-mix(in oklab,var(--primary-500) 12%,transparent)}.dark .fi-shield-roles .fi-shield-roles-panel--form .fi-fo-toggle{background:color-mix(in oklab,var(--primary-400) 8%,var(--gray-900))}.fi-shield-roles .fi-sc-tabs{margin-top:.5rem}.fi-shield-roles .fi-tabs{gap:.375rem;padding:.25rem;border-radius:0;background:#f1f5f9}.dark .fi-shield-roles .fi-tabs{background:var(--gray-800)}.fi-shield-roles .fi-tabs-item{border-radius:0;font-weight:600;font-size:.8125rem;transition:background-color .15s ease,color .15s ease}.fi-shield-roles .fi-tabs-item[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #0f172a14}.dark .fi-shield-roles .fi-tabs-item[aria-selected=true]{background:var(--gray-900)}.fi-shield-roles .fi-sc-section{border-radius:0;border:1px solid color-mix(in oklab,var(--gray-200) 80%,transparent);overflow:hidden}.dark .fi-shield-roles .fi-sc-section{border-color:color-mix(in oklab,var(--gray-700) 80%,transparent)}.fi-shield-roles .fi-sc-section-header{background:color-mix(in oklab,var(--primary-500) 4%,white)}.dark .fi-shield-roles .fi-sc-section-header{background:color-mix(in oklab,var(--primary-400) 8%,var(--gray-900))}.fi-shield-roles .fi-sc-section-header-heading{font-weight:700;font-size:.875rem}.fi-shield-roles .fi-fo-fieldset{border-radius:0;border-color:color-mix(in oklab,var(--gray-200) 70%,transparent);background:#fafafa}.dark .fi-shield-roles .fi-fo-fieldset{background:color-mix(in oklab,var(--gray-800) 90%,black);border-color:color-mix(in oklab,var(--gray-700) 70%,transparent)}.fi-shield-roles .fi-fo-fieldset-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#64748b}.dark .fi-shield-roles .fi-fo-fieldset-label{color:#94a3b8}.fi-shield-roles .fi-fo-checkbox-list{gap:.375rem}.fi-shield-roles .fi-fo-checkbox-list-option{padding:.375rem .5rem;border-radius:0;transition:background-color .12s ease}.fi-shield-roles .fi-fo-checkbox-list-option:hover{background:color-mix(in oklab,var(--primary-500) 6%,transparent)}.fi-shield-roles .fi-fo-checkbox-list-option-label{font-size:.8125rem}.fi-shield-roles .fi-header{margin-bottom:0}.fi-shield-roles .fi-header-heading,.fi-shield-roles .fi-header-subheading{display:none}.fi-shield-roles .fi-ta-header-toolbar{padding-top:.25rem}.fi-shield-roles .fi-ac-btn-action.fi-color-primary{border-radius:0;font-weight:600}.fi-shield-roles .fi-form-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid color-mix(in oklab,var(--gray-200) 70%,transparent)}.dark .fi-shield-roles .fi-form-actions{border-top-color:color-mix(in oklab,var(--gray-700) 70%,transparent)}