.w-inherit{width:inherit!important}.w-content{width:fit-content!important}.app-btn{width:inherit!important;display:flex!important;align-items:center!important;gap:.25rem!important;border-radius:5px!important}.datatables_rows_per_page{display:inline-flex;width:80px!important}.datatables_rows_per_page>select{width:auto;cursor:pointer}.dt-buttons{width:100%!important;align-items:center!important;gap:8px!important}.dt-button{background:#fff;color:#000;border:transparent;padding:8px 10px;text-align:center;font-size:15px;transition-duration:.4s;cursor:pointer;display:flex;gap:5px}.dt-button:hover{background-color:#f4f4f5}.dt-button-collection{margin-top:5px;box-shadow:0 8px 16px #0003;border-radius:8px;overflow:hidden}.dt-button-collection button{border:none;padding:8px 16px;transition-duration:.3s}div.dt-button-collection>:last-child{display:grid!important;min-width:15rem!important}.dt-button-collection .dt-button:before{content:""}.dt-button-collection .dt-button.active:before{content:"✓";width:1.5em}.datatables-ajax td{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s}.loader{width:48px;height:48px;margin:auto;position:relative}.loader:before{content:"";width:48px;height:5px;background:#0071b750;position:absolute;top:60px;left:0;border-radius:50%;animation:shadow324 .5s linear infinite}.loader:after{content:"";width:100%;height:100%;background:#0071b7;position:absolute;top:0;left:0;border-radius:4px;animation:jump7456 .5s linear infinite}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}#preview_img{width:60px;padding:0 10px}.btn-notification{position:relative;overflow:visible!important}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#dc3545;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 5px;z-index:10}.notification-wrapper{position:relative;display:inline-block}.notification-bell{position:relative;width:40px;height:40px;border-radius:50%;background:#e5e7eb;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .3s ease;color:#111827}.notification-bell:hover{background:#d1d5db}.bell-icon{font-size:20px}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700;border:2px solid #ffffff}.notification-dropdown{position:fixed;top:50px;inset-inline-end:20px;background:#fff;border-radius:16px;box-shadow:0 20px 40px -10px #00000026;max-width:350px;width:350px;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;border:1px solid #e5e7eb}.notification-dropdown.active{opacity:1;visibility:visible}.notification-header{padding:12px 16px;border-radius:8px;background:#f0f4ff;margin:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.header-title{font-size:18px;color:#111827;font-weight:600;margin:0}.unread-count{width:25px;height:25px;background:#fff;color:#3b82f6;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:16px}.notification-list-container{border-top:1px solid #e5e7eb}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-empty{padding:24px 16px;text-align:center;color:#9ca3af}.notification-empty i{font-size:36px;margin-bottom:8px;display:block}.notification-empty p{font-size:14px;margin:0}.notification-item{display:flex;padding:12px 16px;gap:12px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f3f4f6}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.read{opacity:.65}.notification-icon{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px}.notification-item.unread .notification-icon{background:#d1fae5;color:#10b981}.notification-item.read .notification-icon{background:#f3f4f6;color:#9ca3af}.notification-content{flex:1}.notification-title{font-size:14px;font-weight:600;margin:0 0 4px;line-height:1.3;color:#111827}.notification-item.read .notification-title{color:#6b7280}.notification-time{font-size:12px;color:#9ca3af;margin:0}.notification-footer{border-top:1px solid #e5e7eb;padding:12px 16px}.mark-read-btn{background:none;border:none;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease;padding:0}.mark-read-btn:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 480px){.notification-dropdown{max-width:90vw;right:-50%;transform:translate(50%)}.notification-dropdown.active{transform:translate(50%) translateY(0)}.notification-item{gap:8px}.notification-icon{width:36px;height:36px;font-size:18px}}.main-menu{display:flex!important;flex-direction:column!important}.main-menu-content{flex:1 1 auto!important;height:auto!important;overflow-y:auto!important}