.btn-notify{background:none!important;border:none!important;color:#fff!important;position:relative!important;transition:all .3s ease-in-out!important;cursor:pointer!important;border-radius:8px!important}.btn-notify:hover{color:#f8d210!important;transform:scale(1.1)!important;background-color:#ffffff1a!important}.notification-badge{position:absolute!important;top:5px!important;right:5px!important;background:#d9534f!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;border-radius:50%!important;width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 0 6px #0003!important;transition:background .3s ease-in-out!important}.notification-badge:hover{background:#c9302c!important}.notification-dropdown{width:360px!important;max-width:90vw!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 10px #0000001a!important;padding:15px!important;overflow-y:auto!important;max-height:400px!important;transition:all .3s ease-in-out!important;border:1px solid #ddd!important}.notification-header{font-size:1rem!important;font-weight:700!important;color:#333!important;padding-bottom:10px!important;border-bottom:2px solid #eee!important;margin-bottom:12px!important}.notification-item{background:#f8f9fa!important;padding:12px!important;border-radius:10px!important;margin:8px 0!important;font-size:.9rem!important;display:flex!important;flex-direction:column!important;transition:all .3s ease-in-out!important;border:1px solid #f1f1f1!important;font-family:Arial,Helvetica,sans-serif!important}.notification-item:hover{background:#e3f2fd!important;transform:scale(1.02)!important}.notification-item.unread{background:#eef4f7!important;font-weight:400!important}.notification-meta{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:10px!important;font-size:.8rem!important;color:#6c757d!important}.actions{display:flex!important;gap:8px!important}.btn-action{padding:6px 10px;font-size:.9rem;border-radius:6px;border:none;transition:all .3s ease-in-out!important;cursor:pointer}.btn-action.view{background:#007bff!important;color:#fff!important}.btn-action.view:hover{background:#0056b3!important}.btn-action.dismiss{background:#dc3545!important;color:#fff!important}.btn-action.dismiss:hover{background:#c82333!important}@media (max-width: 576px){.notification-dropdown{width:90vw!important}.btn-notify{font-size:1rem!important;padding:8px!important}.notification-item{font-size:.85rem!important;padding:10px!important}.btn-action{padding:5px 8px!important;font-size:.8rem!important}}.link-more{display:block;text-align:center;color:#007bff;font-size:1rem;font-weight:700;padding:8px;margin-top:10px;cursor:pointer;text-decoration:none;transition:color .3s ease}.link-more:hover{color:#0056b3}.btn-action.delete i{margin-right:5px}.btn-read{background:none;color:#fc0505}::-webkit-scrollbar{width:12px!important}::-webkit-scrollbar-track{background-color:#f1f1f1!important;border-radius:10px!important}::-webkit-scrollbar-thumb{background-color:#888!important;border-radius:10px!important;border:3px solid #f1f1f1!important}::-webkit-scrollbar-thumb:hover{background-color:#555!important}::-webkit-scrollbar-horizontal{height:12px!important}::-webkit-scrollbar-track-horizontal{background-color:#f1f1f1!important;border-radius:10px!important}::-webkit-scrollbar-thumb-horizontal{background-color:#888!important;border-radius:10px!important;border:3px solid #f1f1f1!important}::-webkit-scrollbar-thumb-horizontal:hover{background-color:#555!important}html,body{height:100%;margin:0;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;flex-grow:1}