.roles-table-wrapper{background:#fff;border-radius:12px;overflow:auto visible;box-shadow:0 1px 3px #0000001a}.roles-table{border-collapse:collapse;width:100%;font-size:.95rem}.roles-table thead{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%)}.roles-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:1;padding:16px 20px;font-size:.875rem;font-weight:600;position:relative}.roles-table thead th .th-content{align-items:center;gap:8px;display:flex}.roles-table thead th .th-content .column-filter{margin-left:auto}.roles-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.roles-table tbody tr:hover{background-color:#f8fafc}.roles-table tbody tr:last-child{border-bottom:none}.roles-table tbody td{padding:16px 20px}.role-name-cell{align-items:center;gap:12px;display:flex}.role-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.role-name{color:#1e293b;font-size:.9375rem;font-weight:600}.type-badge{border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.type-badge.system{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.type-badge.custom{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.status-badge{border-radius:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.status-badge.active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-badge.inactive{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.actions-column{text-align:right;width:160px}.actions-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.action-btn svg{width:18px;height:18px}.permissions-btn{color:#0ea5e9}.permissions-btn:hover{background-color:#e0f2fe}.clone-btn{color:#8b5cf6}.clone-btn:hover{background-color:#ede9fe}.delete-btn{color:#ef4444}.delete-btn:hover{background-color:#fee2e2}.empty-state{padding:4rem 2rem!important}.empty-state-content{color:#64748b;flex-direction:column;align-items:center;gap:1rem;display:flex}.empty-state-content svg{color:#cbd5e1}.empty-state-content p{margin:0;font-size:1rem;font-weight:500}@media (max-width:768px){.roles-table{font-size:.875rem}.roles-table thead th,.roles-table tbody td{padding:12px 16px}.role-name-cell{gap:8px}.role-icon{width:32px;height:32px}.actions-cell{flex-direction:column}}