.admin-only{display:none!important}body.role-admin .admin-only,body.role-super_admin .admin-only{display:flex!important}.auth-only{display:none!important}body.user-authenticated .auth-only{display:flex!important}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.role-badge:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.15)}.role-badge.role-specialist{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.role-badge.role-editor{background:linear-gradient(135deg,#11998e 0,#38ef7d 100%);color:#fff}.role-badge.role-admin{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%);color:#fff}.role-badge.role-super_admin{background:linear-gradient(135deg,#fa709a 0,#fee140 100%);color:#333;font-weight:700}.permission-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.permission-granted{background-color:#d4edda;color:#155724}.permission-granted::before{content:"✓";font-weight:700}.permission-denied{background-color:#f8d7da;color:#721c24}.permission-denied::before{content:"✗";font-weight:700}.permissions-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.permissions-modal-content{background:#fff;padding:32px;border-radius:16px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.permissions-modal-content h3{margin:0 0 12px 0;font-size:1.5rem;color:#333}.permissions-modal-content p{margin:0 0 20px 0;color:#666;line-height:1.5}.permissions-modal-content ul{list-style:none;padding:0;margin:0 0 24px 0}.permissions-modal-content li{padding:8px 0;border-bottom:1px solid #eee;font-size:.95rem}.permissions-modal-content li:last-child{border-bottom:none}.permissions-modal-content button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.permissions-modal-content button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.insufficient-permissions-notice{position:fixed;top:20px;right:20px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:16px 20px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:400px;z-index:9999;animation:slideInRight .3s ease}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.insufficient-permissions-notice::before{content:"⚠️";font-size:1.5rem;margin-right:12px}.insufficient-permissions-notice .message{display:inline-block;color:#856404;font-weight:500}.insufficient-permissions-notice .close-btn{float:right;background:0 0;border:none;font-size:1.2rem;cursor:pointer;color:#856404;padding:0;margin-left:12px}.rbac-read-only{opacity:.6;cursor:not-allowed!important;pointer-events:none}.rbac-read-only::after{content:"🔒";margin-left:8px;font-size:.9em}.role-info-panel{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(102,126,234,.3)}.role-info-panel .user-info{display:flex;align-items:center;gap:12px}.role-info-panel .user-avatar{width:48px;height:48px;border-radius:50%;background:#fff;color:#667eea;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.role-info-panel .user-details{display:flex;flex-direction:column}.role-info-panel .user-name{font-size:1.1rem;font-weight:600;margin:0}.role-info-panel .user-role{font-size:.85rem;opacity:.9;margin:0}.role-info-panel .info-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.role-info-panel .info-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.rbac-loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rbac-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;z-index:99999}.rbac-loading-overlay .spinner{width:64px;height:64px;border:6px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin 1s linear infinite}.rbac-loading-overlay .message{color:#667eea;font-weight:600;font-size:1.1rem}@media (prefers-color-scheme:dark){.permissions-modal-content{background:#2d2d2d;color:#fff}.permissions-modal-content h3{color:#fff}.permissions-modal-content p{color:#ccc}.permissions-modal-content li{border-bottom-color:#444}.role-info-panel{box-shadow:0 4px 12px rgba(0,0,0,.5)}}