.roles-module__CNk9PW__container{max-width:1100px;color:var(--ink);margin:0 auto;padding:24px 20px 80px}.roles-module__CNk9PW__header{margin-bottom:24px}.roles-module__CNk9PW__header h1{margin:4px 0 8px;font-size:clamp(1.8rem,3.5vw,2.5rem)}.roles-module__CNk9PW__header p{color:var(--muted);font-size:1rem}.roles-module__CNk9PW__banner{background:color-mix(in srgb, var(--blue) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--blue) 30%, var(--line));border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.roles-module__CNk9PW__banner[data-status=pending_approval]{background:color-mix(in srgb, #aa6432 10%, var(--surface));border-color:color-mix(in srgb, #aa6432 30%, var(--line))}.roles-module__CNk9PW__banner strong{font-size:1rem}@media (max-width:560px){.roles-module__CNk9PW__banner{flex-direction:column;align-items:stretch}.roles-module__CNk9PW__banner>a,.roles-module__CNk9PW__banner>button{text-align:center}}.roles-module__CNk9PW__panelGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px;display:grid}.roles-module__CNk9PW__card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}.roles-module__CNk9PW__card h2{margin:0;font-size:1.25rem}.roles-module__CNk9PW__formGroup{flex-direction:column;gap:6px;display:flex}.roles-module__CNk9PW__formGroup label{color:var(--muted);font-size:.875rem;font-weight:700}.roles-module__CNk9PW__input{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:12px;width:100%;min-height:46px;padding:10px 14px}.roles-module__CNk9PW__input:focus{border-color:var(--blue);outline:3px solid color-mix(in srgb, var(--blue) 15%, transparent)}.roles-module__CNk9PW__primaryBtn{background:var(--action);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.roles-module__CNk9PW__secondaryBtn{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;font-size:.875rem;font-weight:700;display:inline-flex}.roles-module__CNk9PW__codeBadge{background:color-mix(in srgb, var(--blue) 12%, var(--surface));border:1px dashed var(--blue);color:var(--blue);letter-spacing:.08em;text-align:center;border-radius:12px;padding:14px;font-family:monospace;font-size:1.5rem;font-weight:700}.roles-module__CNk9PW__statusBadge{border-radius:999px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:700}.roles-module__CNk9PW__statusBadge[data-status=approved]{background:color-mix(in srgb, var(--green) 15%, var(--surface));color:var(--green)}.roles-module__CNk9PW__statusBadge[data-status=pending]{background:color-mix(in srgb, #aa6432 15%, var(--surface));color:#aa6432}.roles-module__CNk9PW__statusBadge[data-status=rejected]{background:color-mix(in srgb, var(--danger) 15%, var(--surface));color:var(--danger)}.roles-module__CNk9PW__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.roles-module__CNk9PW__listItem{background:var(--surface-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.roles-module__CNk9PW__actionRow{gap:8px;display:flex}.roles-module__CNk9PW__card{background:linear-gradient(180deg, color-mix(in srgb, var(--blue) 7%, var(--surface)) 0%, var(--surface) 46%);border-color:color-mix(in srgb, var(--blue) 18%, var(--line));box-shadow:0 4px 0 color-mix(in srgb, var(--blue) 16%, var(--line)), 0 18px 30px -24px #1e1a3c73}.roles-module__CNk9PW__cardTitle{align-items:center;gap:10px;display:flex}.roles-module__CNk9PW__cardTitle>span[aria-hidden=true]{font-size:1.5rem}.roles-module__CNk9PW__primaryBtn{box-shadow:0 4px 0 var(--action-hover);gap:8px;transition:transform .12s,box-shadow .12s}.roles-module__CNk9PW__primaryBtn:active:not(:disabled){box-shadow:0 1px 0 var(--action-hover);transform:translateY(3px)}.roles-module__CNk9PW__secondaryBtn{box-shadow:0 3px 0 var(--line);gap:6px;transition:transform .12s,box-shadow .12s}.roles-module__CNk9PW__secondaryBtn:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.roles-module__CNk9PW__primaryBtn:disabled,.roles-module__CNk9PW__secondaryBtn:disabled{cursor:not-allowed;opacity:.55}.roles-module__CNk9PW__listItem{border:1px solid var(--line);box-shadow:0 2px 0 var(--line);flex-wrap:wrap}.roles-module__CNk9PW__codeBadge{box-shadow:inset 0 2px 0 color-mix(in srgb, var(--blue) 10%, transparent)}@media (prefers-reduced-motion:reduce){.roles-module__CNk9PW__primaryBtn,.roles-module__CNk9PW__secondaryBtn{transition:none}.roles-module__CNk9PW__primaryBtn:active:not(:disabled),.roles-module__CNk9PW__secondaryBtn:active:not(:disabled){transform:none}}.roles-module__CNk9PW__actionRow{flex-wrap:wrap}.roles-module__CNk9PW__actionRow>button{white-space:nowrap}