.roles-main.svelte-fv73b7{min-height:100vh;background-color:#0d1117;background-image:radial-gradient(ellipse 70% 40% at 0% 0%,rgba(99,102,241,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 100% 100%,rgba(139,92,246,.05) 0%,transparent 50%);padding:2rem;padding-top:calc(70px + 2rem);margin-left:260px;box-sizing:border-box;position:relative}.roles-content.svelte-fv73b7{max-width:1100px;margin:0 auto}.roles-header.svelte-fv73b7{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:28px;flex-wrap:wrap}.roles-header-left.svelte-fv73b7{display:flex;align-items:center;gap:14px}.roles-icon.svelte-fv73b7{width:46px;height:46px;border-radius:13px;border:1px solid rgba(129,140,248,.25);background:#818cf81a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roles-title.svelte-fv73b7{font-size:22px;font-weight:700;color:#f1f5f9;margin:0 0 3px;letter-spacing:-.02em}.roles-subtitle.svelte-fv73b7{font-size:13px;color:#334155;margin:0}.coming-soon-badge.svelte-fv73b7{display:inline-flex;align-items:center;gap:6px;border-radius:99px;border:1px solid rgba(251,191,36,.25);background:#fbbf2414;padding:6px 12px;font-size:11px;font-weight:600;color:#fbbf24;white-space:nowrap}.roles-grid.svelte-fv73b7{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.role-card.svelte-fv73b7{border-radius:16px;border:1px solid;padding:18px 16px;transition:transform .2s ease,box-shadow .2s ease}.role-card.svelte-fv73b7:hover{transform:translateY(-3px)}.role-card-top.svelte-fv73b7{display:flex;align-items:center;gap:10px;margin-bottom:10px}.role-icon-wrap.svelte-fv73b7{width:36px;height:36px;border-radius:9px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.role-card-info.svelte-fv73b7{flex:1;min-width:0}.role-name.svelte-fv73b7{font-size:14px;font-weight:700;line-height:1.2}.role-count.svelte-fv73b7{font-size:11px;color:#475569;margin-top:2px}.role-badge-fixed.svelte-fv73b7{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:99px;border:1px solid;background:#0003;white-space:nowrap;flex-shrink:0}.role-desc.svelte-fv73b7{font-size:12px;color:#475569;line-height:1.5;margin:0}.roles-divider.svelte-fv73b7{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),rgba(139,92,246,.2),transparent);margin-bottom:28px}.permissions-section.svelte-fv73b7{background:#0a101a99;border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;margin-bottom:16px}.permissions-header.svelte-fv73b7{padding:18px 22px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.permissions-title.svelte-fv73b7{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 3px}.permissions-sub.svelte-fv73b7{font-size:12px;color:#334155;margin:0}.permissions-table-wrap.svelte-fv73b7{overflow-x:auto;-webkit-overflow-scrolling:touch}.permissions-table.svelte-fv73b7{width:100%;min-width:560px;border-collapse:collapse;font-size:12.5px}.permissions-table.svelte-fv73b7 thead:where(.svelte-fv73b7) tr:where(.svelte-fv73b7){background:#0000004d}.perm-col-label.svelte-fv73b7{padding:11px 16px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#334155;border-bottom:1px solid rgba(255,255,255,.05);min-width:180px}.perm-col-role.svelte-fv73b7{padding:11px 12px;text-align:center;font-size:11px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.05);min-width:90px;vertical-align:middle}.role-th-dot.svelte-fv73b7{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.cat-row.svelte-fv73b7 td:where(.svelte-fv73b7){padding:0}.cat-label.svelte-fv73b7{display:flex;align-items:center;gap:7px;padding:10px 16px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#475569;background:#00000026;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.perm-row.svelte-fv73b7{border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.perm-row.svelte-fv73b7:hover{background:#ffffff05}.perm-row.svelte-fv73b7:last-child{border-bottom:none}.perm-label.svelte-fv73b7{padding:10px 16px;color:#94a3b8;font-size:12.5px}.perm-check.svelte-fv73b7{padding:10px 12px;text-align:center;vertical-align:middle}.check-yes.svelte-fv73b7{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px}.check-no.svelte-fv73b7{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#64748b59}.roles-note.svelte-fv73b7{display:flex;align-items:flex-start;gap:9px;background:#00000026;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px 16px}.roles-note.svelte-fv73b7 p:where(.svelte-fv73b7){margin:0;font-size:11.5px;color:#334155;line-height:1.6}.roles-note.svelte-fv73b7 strong:where(.svelte-fv73b7){color:#475569}.roles-note.svelte-fv73b7 a:where(.svelte-fv73b7){color:#818cf8;text-decoration:none}.roles-note.svelte-fv73b7 a:where(.svelte-fv73b7):hover{text-decoration:underline}@media(max-width:1024px){.roles-main.svelte-fv73b7{margin-left:0;padding:1.25rem;padding-top:calc(70px + 1.25rem);padding-bottom:5rem}.roles-grid.svelte-fv73b7{grid-template-columns:repeat(2,1fr)}.roles-header.svelte-fv73b7{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.roles-header-left.svelte-fv73b7{gap:10px}.roles-icon.svelte-fv73b7{width:40px;height:40px}.roles-title.svelte-fv73b7{font-size:18px}.roles-subtitle.svelte-fv73b7{font-size:11px}.roles-grid.svelte-fv73b7{grid-template-columns:1fr 1fr;gap:10px}.role-card.svelte-fv73b7{padding:14px 12px}.role-desc.svelte-fv73b7{font-size:11px}.permissions-header.svelte-fv73b7{padding:14px 16px 10px}.perm-col-label.svelte-fv73b7{min-width:140px;padding:9px 12px}.perm-col-role.svelte-fv73b7{min-width:70px;padding:9px 8px;font-size:10px}}@media(max-width:400px){.roles-grid.svelte-fv73b7{grid-template-columns:1fr}}