.npf-notification-bell{position:relative;cursor:pointer;padding:10px;transition:transform 0.2s ease;display:inline-block}.npf-notification-bell i{font-size:24px;color:#333;transition:color 0.2s ease}.npf-notification-badge{position:absolute;top:0;right:0;background:#f44;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;display:none;transform:translate(25%,-25%);box-shadow:0 2px 4px rgb(0 0 0 / .2)}.npf-notification-dropdown{position:absolute;top:100%;right:0;width:300px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .15);z-index:1000;display:none;margin-top:10px;opacity:0;transform:translateY(-10px);transition:opacity 0.2s ease,transform 0.2s ease}.npf-notification-dropdown.show{opacity:1;transform:translateY(0)}.npf-notification-item{padding:12px 15px;border-bottom:1px solid #eee;transition:background-color 0.2s ease}.npf-notification-item:last-child{border-bottom:none}.npf-notification-item.recibida{opacity:.8}.npf-notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.npf-notification-title{font-weight:600;color:#333;font-size:14px}.npf-notification-message{color:#666;margin-bottom:8px;font-size:13px;line-height:1.4}.npf-notification-date{font-size:.8em;color:#999}.npf-notification-footer{padding:12px;text-align:center;border-top:1px solid #eee;background-color:#f8f9fa;border-radius:0 0 8px 8px}.npf-view-all-button{display:inline-block;padding:8px 16px;background-color:#E83D38;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:all 0.2s ease;border:none;cursor:pointer}.npf-view-all-button:hover{background-color:#d63530;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.npf-mark-read{background:#4CAF50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all 0.2s ease}.npf-mark-read:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / .1)}.npf-mark-read:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.npf-received-badge{color:#4CAF50;font-size:.9em;display:flex;align-items:center;gap:4px}.npf-received-badge i{font-size:14px}.npf-notifications-page{max-width:800px;margin:2rem auto;padding:0 1rem}.npf-notifications-list-container{max-width:800px;margin:20px auto}.npf-notifications-page .npf-notification-item{padding:20px;border-bottom:1px solid #eee;transition:all 0.2s ease}.npf-notifications-page .npf-notification-item:last-child{border-bottom:none}.npf-notifications-page .npf-notification-title{font-size:16px;font-weight:600}.npf-notifications-page .npf-notification-message{font-size:14px;margin:10px 0;line-height:1.5}.npf-notifications-page .npf-mark-read{padding:8px 16px;font-size:13px}.npf-notifications-page .npf-received-badge{font-size:13px}@media (max-width:768px){.npf-notification-dropdown{width:280px;right:-50px}.npf-notifications-page{margin:1rem auto}.npf-notifications-page .npf-notification-item{padding:15px}}.npf-loading{text-align:center;padding:20px;color:#666;font-style:italic}.npf-notifications-page h1{margin-bottom:20px;color:#333;font-size:24px;font-weight:600}.npf-notifications-page .npf-notification-item{background:#fff;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.npf-notifications-page .npf-notification-item:last-child{margin-bottom:0}