.role-card{background:#fff;border-radius:1.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);opacity:0;transition:opacity .3s ease}.role-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-4px)}.role-card:hover:before{opacity:1}.role-header{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:#fff;padding:2rem;border-radius:1.25rem 1.25rem 0 0;position:relative;overflow:hidden}.role-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));pointer-events:none}.role-header h3{font-size:1.75rem;font-weight:800;margin:0;position:relative;z-index:1}.role-header p{margin:.75rem 0 0;opacity:.95;position:relative;z-index:1}.stats-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.stats-card:hover:before{transform:scaleX(1)}.stats-card .icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.stats-card:hover .icon{transform:scale(1.1)}.stats-card .icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 4px 12px rgba(59,130,246,.3)}.stats-card .icon.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;box-shadow:0 4px 12px rgba(34,197,94,.3)}.stats-card .icon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;box-shadow:0 4px 12px rgba(147,51,234,.3)}.stats-card .icon.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#ea580c;box-shadow:0 4px 12px rgba(249,115,22,.3)}.permission-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid;transition:all .2s ease;position:relative;overflow:hidden}.permission-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.permission-badge:hover:before{left:100%}.permission-badge.create{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac;box-shadow:0 2px 4px rgba(34,197,94,.2)}.permission-badge.read{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd;box-shadow:0 2px 4px rgba(59,130,246,.2)}.permission-badge.update{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d;box-shadow:0 2px 4px rgba(245,158,11,.2)}.permission-badge.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#f87171;box-shadow:0 2px 4px rgba(239,68,68,.2)}.permission-badge.query{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#6b21a8;border-color:#c084fc;box-shadow:0 2px 4px rgba(147,51,234,.2)}.permission-badge.manage{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c;border-color:#fb923c;box-shadow:0 2px 4px rgba(249,115,22,.2)}.role-type-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.role-type-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.role-type-badge:hover:before{left:100%}.role-type-badge.system{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.4)}.role-type-badge.custom{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);box-shadow:0 4px 12px rgba(16,185,129,.4)}.template-card{border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;cursor:pointer}.template-card:before{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.template-card:hover:before{transform:scaleX(1)}.template-card .icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:all .3s ease}.template-card:hover .icon{transform:scale(1.1)}.template-card .icon.red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.4)}.template-card .icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.4)}.template-card .icon.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4)}.template-card .icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px rgba(139,92,246,.4)}.form-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.form-section h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;position:relative}.form-section h4:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.permission-matrix{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.permission-resource{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.permission-resource:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.permission-resource-header{padding:1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.permission-resource-header:hover{background:rgba(59,130,246,.05)}.permission-resource-content{padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb}.permission-checkbox{display:flex;align-items:center;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;transition:all .3s ease;cursor:pointer;margin-bottom:.5rem}.permission-checkbox:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;transform:translateX(4px)}.permission-checkbox.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;box-shadow:0 4px 12px rgba(59,130,246,.2)}.search-filter-section{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-modern{display:inline-flex;align-items:center;padding:.875rem 1.75rem;border-radius:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.btn-modern:hover:before{left:100%}.btn-modern.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.4)}.btn-modern.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(59,130,246,.5),0 4px 10px -2px rgba(59,130,246,.3)}.btn-modern.secondary{background:#fff;color:#374151;border:2px solid #d1d5db;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-modern.secondary:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-modern.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.4)}.btn-modern.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(239,68,68,.5),0 4px 10px -2px rgba(239,68,68,.3)}.input-modern{display:block;width:100%;padding:.875rem 1.25rem;border:2px solid #d1d5db;border-radius:.75rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.input-modern:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1),0 4px 12px rgba(59,130,246,.2);transform:translateY(-1px)}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;border:3px solid #f3f4f6;border-top-color:#3b82f6;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.role-card,.stats-card,.template-card{margin-bottom:1.5rem}}.empty-state{text-align:center;padding:4rem 2rem;border-radius:1.5rem}.empty-state .icon{width:5rem;height:5rem;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#64748b;transition:all .3s ease}.empty-state:hover .icon{transform:scale(1.1);background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.quick-actions{background:linear-gradient(135deg,#dbeafe,#e0e7ff 50%,#f3e8ff);border-radius:1rem;border:1px solid #bfdbfe;padding:2rem;position:relative;overflow:hidden}.quick-actions:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));pointer-events:none}.permission-summary{border-radius:.75rem;padding:1.5rem}.permission-summary .total{font-size:1.75rem;font-weight:800;color:#1e40af;text-shadow:0 2px 4px rgba(30,64,175,.2)}.expandable-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.expandable-content.expanded{max-height:600px}.expand-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.expand-icon.expanded{transform:rotate(180deg)}.glass-effect{background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18)}.floating-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.permission-matrix-container{animation:fadeInUp .6s ease-out}.permission-summary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #bfdbfe;box-shadow:0 4px 12px rgba(59,130,246,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.permission-summary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.resource-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.75rem;overflow:hidden}.resource-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.resource-header{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.75rem}.resource-header:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-1px)}.resource-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-card:hover .resource-icon{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:scale(1.1)}.transition-rotate{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rotate-180{transform:rotate(180deg)}.permission-details{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.permission-item{display:flex;align-items:flex-start;padding:1rem;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.permission-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(59,130,246,.02));opacity:0;transition:opacity .3s ease}.permission-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.2)}.permission-item:hover:before{opacity:1}.permission-item.permission-selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.permission-item.permission-selected:before{opacity:1}.permission-item.disabled{opacity:.6;cursor:not-allowed}.permission-item.disabled:hover{transform:none;box-shadow:none}.permission-content{flex:1 1;margin-left:.75rem}.permission-content .badge{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.5rem;transition:all .3s ease}.permission-item:hover .badge{transform:scale(1.05)}.resource-row{transition:all .3s cubic-bezier(.4,0,.2,1)}.resource-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateX(4px)}.resource-row .resource-icon{width:2rem;height:2rem;font-size:1rem}.form-check-input:checked{background-color:#3b82f6}.form-check-input:checked,.form-check-input:focus{border-color:#3b82f6;box-shadow:0 0 0 .2rem rgba(59,130,246,.25)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.permission-item{padding:.75rem}.permission-details,.resource-header{padding:1rem!important}}.badge{font-weight:600;letter-spacing:.025em;transition:all .3s ease}.badge:hover{transform:scale(1.05)}.btn-group .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-group .btn:hover{transform:translateY(-1px)}.table-hover tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.table th{font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.alert{border-radius:.75rem;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.alert-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card{border-radius:.75rem;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn{border-radius:.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-link{text-decoration:none;transition:all .3s ease}.btn-link:hover{text-decoration:none;transform:translateY(-1px)}.capitalize{text-transform:capitalize}.display-6{font-size:2.5rem;font-weight:700;line-height:1.2}@media (max-width:576px){.permission-grid .row{margin:0}.permission-grid .col-lg-4,.permission-grid .col-md-6{padding:.25rem}}.role-form-container{animation:fadeInUp .6s ease-out;border-radius:1rem;overflow:hidden}.role-form-container .card-header{background:linear-gradient(135deg,#0d6efd,#0b5ed7);padding:1.5rem}.role-form-container .card-header h3{margin-bottom:.5rem}.role-form-container .card-header p{opacity:.9}.template-card{border:2px solid #e9ecef;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;overflow:hidden}.template-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(13,110,253,.05),rgba(13,110,253,.02));opacity:0;transition:opacity .3s ease}.template-card:hover{border-color:#0d6efd;transform:translateY(-4px);box-shadow:0 8px 25px rgba(13,110,253,.2)}.template-card:hover:before{opacity:1}.template-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover .template-icon{transform:scale(1.1)}.template-arrow{position:absolute;top:1rem;right:1rem;opacity:0;transition:all .3s ease;transform:translateX(-10px)}.template-card:hover .template-arrow{opacity:1;transform:translateX(0)}.role-form{animation:fadeInUp .8s ease-out}.role-form .card{border-radius:.75rem;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.role-form .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.role-form .form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.role-form .form-control,.role-form .form-select{border-radius:.5rem;border:2px solid #e9ecef;padding:.75rem 1rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.role-form .form-control:focus,.role-form .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25);transform:translateY(-1px)}.role-form .form-control::placeholder,.role-form .form-select::placeholder{color:#6c757d;opacity:.7}.role-form .text-danger{font-size:.875rem;margin-top:.25rem}.role-form .btn-modern{padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.role-form .btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.role-form .btn-modern:hover:before{left:100%}.role-form .btn-primary{background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;box-shadow:0 4px 12px rgba(13,110,253,.4)}.role-form .btn-primary:hover{background:linear-gradient(135deg,#0b5ed7,#0a58ca);transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,110,253,.5)}.role-form .btn-outline-secondary{border:2px solid #6c757d;color:#6c757d;background:#fff}.role-form .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px hsla(208,7%,46%,.3)}.role-form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.role-form .loading-spinner{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s linear infinite}@media (max-width:768px){.role-form-container .card-body,.role-form-container .card-header{padding:1rem}.template-card{margin-bottom:1rem}.role-form .btn-modern{padding:.625rem 1.25rem;font-size:.875rem}}@media (max-width:576px){.role-form .d-flex.justify-content-end{flex-direction:column;gap:.5rem}.role-form .btn-modern{width:100%}}.role-form-container .badge{font-weight:600;letter-spacing:.025em;padding:.5rem 1rem;border-radius:2rem;transition:all .3s ease}.role-form-container .badge:hover{transform:scale(1.05)}.role-form .card-body{padding:1.5rem}.role-form .card-body h4{color:#212529;font-weight:700;margin-bottom:1rem;position:relative}.role-form .card-body h4:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border-radius:2px}.role-form .card{margin-bottom:1.5rem}.role-form .card:last-child{margin-bottom:0}.role-form .border-top{border-top:2px solid #e9ecef!important;padding-top:1.5rem}.role-list-container{animation:fadeInUp .6s ease-out;border-radius:1rem;overflow:hidden}.role-list-container .card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1.5rem;border-bottom:1px solid #dee2e6}.role-item{transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #f8f9fa;padding:1.5rem}.role-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translateX(4px)}.role-item:last-child{border-bottom:none}.role-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-item:hover .role-avatar{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:scale(1.1)}.permissions-details{animation:slideDown .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.permission-resource-card{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:.75rem;overflow:hidden}.permission-resource-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.permission-resource-card .card-body{padding:1rem}.permission-resource-card h6{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#6b7280}.permission-resource-card .badge{font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;transition:all .3s ease}.permission-resource-card .badge:hover{transform:scale(1.05)}.empty-state{padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:2px dashed #cbd5e1}.empty-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:2rem;color:#64748b;transition:all .3s ease}.empty-state:hover .empty-icon{transform:scale(1.1);background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.role-item .btn{border-radius:.5rem;font-weight:600;font-size:.875rem;padding:.375rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.role-item .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.role-item .btn-outline-primary{border:2px solid #0d6efd;color:#0d6efd}.role-item .btn-outline-primary:hover{background:#0d6efd;border-color:#0d6efd;color:#fff}.role-item .btn-outline-info{border:2px solid #0dcaf0;color:#0dcaf0}.role-item .btn-outline-info:hover{background:#0dcaf0;border-color:#0dcaf0;color:#fff}.role-item .btn-outline-success{border:2px solid #198754;color:#198754}.role-item .btn-outline-success:hover{background:#198754;border-color:#198754;color:#fff}.role-item .btn-outline-danger{border:2px solid #dc3545;color:#dc3545}.role-item .btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.role-list-container .badge{font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;border-radius:2rem;transition:all .3s ease}.role-list-container .badge:hover{transform:scale(1.05)}@media (max-width:768px){.role-item{padding:1rem}.role-item .d-flex.align-items-center.justify-content-between{flex-direction:column;align-items:flex-start!important;gap:1rem}.role-item .d-flex.align-items-center.gap-2{flex-wrap:wrap}.permission-resource-card{margin-bottom:1rem}}@media (max-width:576px){.role-list-container .card-header{padding:1rem}.role-item .btn{font-size:.75rem;padding:.25rem .5rem}.permissions-details{padding:1rem!important}}.role-list-container .list-group{border:none}.role-list-container .list-group-item{border:none;background:transparent}.role-list-container .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.role-list-container .list-group-item:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.role-list-container .card{border-radius:1rem;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.role-list-container .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.role-item h5{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.role-item p{font-size:.875rem;color:#6b7280;line-height:1.4}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.text-danger{color:#dc3545!important}.text-muted{color:#6c757d!important}.text-dark{color:#212529!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-medium{font-weight:500!important}.small{font-size:.875rem!important}.fs-4{font-size:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.me-1{margin-right:.25rem!important}.ms-3{margin-left:1rem!important}.p-0{padding:0!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.rounded-pill{border-radius:50rem!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:#fff!important}.bg-primary{background-color:#0d6efd!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.role-header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(13,110,253,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.role-header-icon:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(13,110,253,.4)}.stats-indicator{width:.5rem;height:.5rem;border-radius:50%;animation:pulse-glow 2s ease-in-out infinite alternate}.modal.show{display:block!important}.modal-dialog.modal-xl{max-width:90%}.modal-content{border-radius:1rem;border:none;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{padding:1.5rem 1.5rem 0}.modal-body{padding:0 1.5rem 1.5rem}.btn-close{background:none;border:none;font-size:1.5rem;color:#6c757d;transition:all .3s ease}.btn-close:hover{color:#dc3545;transform:scale(1.1)}.input-modern.focused{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25);transform:translateY(-1px)}.container-fluid{padding-left:1rem;padding-right:1rem}@media (min-width:576px){.container-fluid{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container-fluid{padding-left:2rem;padding-right:2rem}}@media (min-width:992px){.container-fluid{padding-left:2.5rem;padding-right:2.5rem}}.min-vh-100{min-height:100vh}.h2{font-size:2rem;font-weight:700;line-height:1.2}.fs-1{font-size:2.5rem!important}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.flex-column{flex-direction:column!important}.flex-lg-row{flex-direction:row!important}.align-items-lg-center{align-items:center!important}.justify-content-lg-between{justify-content:space-between!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}}.mb-lg-0{margin-bottom:0!important}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-50{top:50%!important}.end-0{right:0!important}.translate-middle-y{transform:translateY(-50%)!important}.text-end{text-align:right!important}.bg-light{background-color:#f8f9fa!important}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}.border-0{border:0!important}.rounded-3{border-radius:.75rem!important}.d-block{display:block!important}.modal-backdrop{background-color:rgba(0,0,0,.5)}.user-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(13,110,253,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(13,110,253,.4)}.role-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(13,110,253,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.role-icon:hover{transform:scale(1.1);box-shadow:0 8px 25px rgba(13,110,253,.4)}.bg-opacity-5{background-color:rgba(0,0,0,.05)!important}.bg-opacity-10{background-color:rgba(0,0,0,.1)!important}.bg-primary.bg-opacity-10{background-color:rgba(13,110,253,.1)!important}.bg-success.bg-opacity-10{background-color:rgba(25,135,84,.1)!important}.bg-warning.bg-opacity-10{background-color:rgba(255,193,7,.1)!important}.bg-info.bg-opacity-10{background-color:rgba(13,202,240,.1)!important}.bg-secondary.bg-opacity-10{background-color:hsla(208,7%,46%,.1)!important}.text-primary{color:#0d6efd!important}.text-success{color:#198754!important}.text-warning{color:#ffc107!important}.text-info{color:#0dcaf0!important}.text-secondary{color:#6c757d!important}.border-primary{border-color:#0d6efd!important}.border-success{border-color:#198754!important}.border-warning{border-color:#ffc107!important}.border-info{border-color:#0dcaf0!important}.border-secondary{border-color:#6c757d!important}.form-check-input{width:1.25rem;height:1.25rem;margin-top:.125rem;margin-right:.75rem;background-color:#fff;background-repeat:no-repeat;background-position:50%;background-size:1.25rem;border:1px solid #dee2e6;border-radius:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-label{margin-bottom:0;cursor:pointer}.w-100{width:100%!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.h-2{height:.5rem!important}.h-3{height:.75rem!important}.rounded-circle{border-radius:50%!important}.bottom-0{bottom:0!important}.cursor-pointer{cursor:pointer}.transition-all{transition:all .15s ease-in-out}.duration-300{transition-duration:.3s}@keyframes pulse-glow{0%{box-shadow:0 0 20px rgba(13,110,253,.4)}to{box-shadow:0 0 30px rgba(13,110,253,.6)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite alternate}.bootstrap-toast{border-radius:.75rem!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important;border:none!important;font-family:inherit!important;font-size:.875rem!important;line-height:1.4!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;min-height:70px!important;padding:1rem!important;margin-bottom:.75rem!important;position:relative!important;overflow:visible!important;z-index:10000!important}.bootstrap-toast:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:hsla(0,0%,100%,.3);opacity:0;transition:opacity .3s ease}.bootstrap-toast:hover{transform:translateY(-3px)!important;box-shadow:0 12px 35px rgba(0,0,0,.25)!important}.bootstrap-toast:hover:before{opacity:1}.bootstrap-toast-body{padding:.5rem 0!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:.75rem!important}.bootstrap-toast-progress{height:4px!important;border-radius:0 0 .75rem .75rem!important;background:hsla(0,0%,100%,.3)!important}.Toastify__toast--success{background:linear-gradient(135deg,#198754,#146c43)!important;color:#fff!important;border-left:4px solid #146c43!important}.Toastify__toast--error{background:linear-gradient(135deg,#dc3545,#b02a37)!important;color:#fff!important;border-left:4px solid #b02a37!important}.Toastify__toast--warning{background:linear-gradient(135deg,#ffc107,#e0a800)!important;color:#000!important;border-left:4px solid #e0a800!important}.Toastify__toast--info{background:linear-gradient(135deg,#0dcaf0,#0aa2c0)!important;color:#fff!important;border-left:4px solid #0aa2c0!important}.Toastify__toast--default{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:#fff!important;border-left:4px solid #5a6268!important}.Toastify__progress-bar--success{background:linear-gradient(90deg,#198754,#146c43)!important}.Toastify__progress-bar--error{background:linear-gradient(90deg,#dc3545,#b02a37)!important}.Toastify__progress-bar--warning{background:linear-gradient(90deg,#ffc107,#e0a800)!important}.Toastify__progress-bar--info{background:linear-gradient(90deg,#0dcaf0,#0aa2c0)!important}.Toastify__progress-bar--default{background:linear-gradient(90deg,#6c757d,#5a6268)!important}.Toastify__close-button{color:#fff!important;opacity:.9!important;transition:all .3s ease!important;background:hsla(0,0%,100%,.15)!important;border-radius:50%!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-left:.75rem!important;cursor:pointer!important;border:none!important;outline:none!important;position:relative!important;z-index:10001!important;font-size:16px!important;font-weight:700!important}.Toastify__close-button:hover{opacity:1!important;background:hsla(0,0%,100%,.25)!important;transform:scale(1.1)!important}.Toastify__close-button:active{transform:scale(.95)!important}.Toastify__close-button--default{color:#000!important;background:rgba(0,0,0,.1)!important}.Toastify__close-button--default:hover{background:rgba(0,0,0,.2)!important}.Toastify__toast-icon{width:24px!important;height:24px!important;border-radius:50%!important;background:hsla(0,0%,100%,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-right:.75rem!important}.Toastify__toast-icon svg{width:16px!important;height:16px!important;fill:currentColor!important}.Toastify__toast--success .Toastify__toast-icon:before{content:"✓"!important;font-size:14px!important;font-weight:700!important;color:#fff!important}.Toastify__toast--error .Toastify__toast-icon:before{content:"✕"!important;font-size:14px!important;font-weight:700!important;color:#fff!important}.Toastify__toast--warning .Toastify__toast-icon:before{content:"⚠"!important;font-size:14px!important;font-weight:700!important;color:#000!important}.Toastify__toast--info .Toastify__toast-icon:before{content:"ℹ"!important;font-size:14px!important;font-weight:700!important;color:#fff!important}.Toastify__toast{animation-duration:.4s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.Toastify__toast-container{padding:1rem!important;z-index:9999!important}.Toastify__toast-container--top-right{top:1rem!important;right:1rem!important}.Toastify__toast-body{justify-content:space-between!important;padding:.75rem 1rem!important;min-height:60px!important}.Toastify__toast-body,.Toastify__toast-body>div{display:flex!important;align-items:center!important}.Toastify__toast-body>div{gap:.75rem!important;flex:1 1!important}.Toastify__toast--error .Toastify__toast-icon,.Toastify__toast--success .Toastify__toast-icon{background:hsla(0,0%,100%,.2)!important}.Toastify__toast--warning .Toastify__toast-icon{background:rgba(0,0,0,.1)!important}.Toastify__toast--info .Toastify__toast-icon{background:hsla(0,0%,100%,.2)!important}.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable{min-height:350px!important}@media (max-width:576px){.Toastify__toast-container{padding:.5rem!important;width:calc(100% - 1rem)!important}.bootstrap-toast{min-height:60px!important;padding:.75rem!important}.bootstrap-toast-body{padding:.5rem .75rem!important}.Toastify__toast-icon{width:20px!important;height:20px!important}.Toastify__close-button{width:24px!important;height:24px!important;font-size:14px!important}}