@keyframes notification_fadeIn__ZAPbZ{0%{opacity:0}to{opacity:1}}@keyframes notification_slideInRight__dZBya{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes notification_spin__v3wfO{to{transform:rotate(1turn)}}.notification_notificationModal__O5Fn8{position:fixed;top:0;left:0;bottom:0;z-index:1000;display:flex;justify-content:flex-end;width:30%}.notification_backdrop__8hNZK{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);animation:notification_fadeIn__ZAPbZ .3s ease}.notification_notificationPanel__POCa5{position:relative;width:100%;height:100vh;background-color:var(--background,#ffffff);box-shadow:-4px 0 12px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:notification_slideInRight__dZBya .3s ease;z-index:1001}.notification_header__ed4u8{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--black16,rgba(0,0,0,.16));background-color:var(--background,#ffffff)}.notification_title__Zhwzq{font-size:20px;font-weight:600;color:var(--black87,rgba(0,0,0,.87));margin:0;display:flex;align-items:center;gap:8px}.notification_badge___fiGz{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background-color:var(--primary,#4C9343);color:white;font-size:12px;font-weight:700;border-radius:12px;line-height:1}.notification_closeButton__3KMNK{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--black60,rgba(0,0,0,.6));transition:all .2s ease;font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.notification_closeButton__3KMNK:hover{background-color:var(--black8,rgba(0,0,0,.08));color:var(--black87,rgba(0,0,0,.87))}.notification_actions__bXr9L{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--black8,rgba(0,0,0,.08));gap:12px;flex-wrap:wrap}.notification_filterButtons__TuL4m{display:flex;gap:8px}.notification_filterBtn__d1X6U{padding:6px 16px;border:1px solid var(--black16,rgba(0,0,0,.16));background-color:transparent;color:var(--black60,rgba(0,0,0,.6));border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification_filterBtn__d1X6U:hover:not(:disabled){border-color:var(--primary,#4C9343);color:var(--primary,#4C9343)}.notification_filterBtn__d1X6U:disabled{opacity:.5;cursor:not-allowed}.notification_filterBtn__d1X6U.notification_active__j_tI2{background-color:var(--primary,#4C9343);color:white;border-color:var(--primary,#4C9343)}.notification_filterBtn__d1X6U.notification_deleteAllBtn__dO2jb{background-color:#dc3545;color:white;border-color:#dc3545}.notification_filterBtn__d1X6U.notification_deleteAllBtn__dO2jb.notification_active__j_tI2,.notification_filterBtn__d1X6U.notification_deleteAllBtn__dO2jb:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.notification_markAllBtn__dX3nY{padding:6px 12px;background-color:var(--primary,#4C9343);color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification_markAllBtn__dX3nY:hover:not(:disabled){background-color:var(--black60,rgba(0,0,0,.6));transform:translateY(-1px)}.notification_markAllBtn__dX3nY:disabled{opacity:.5;cursor:not-allowed}.notification_notificationsList__aPMT3{flex:1;overflow-y:auto;padding:8px 0}.notification_notificationsList__aPMT3::-webkit-scrollbar{width:6px}.notification_notificationsList__aPMT3::-webkit-scrollbar-track{background:transparent}.notification_notificationsList__aPMT3::-webkit-scrollbar-thumb{background-color:var(--black16,rgba(0,0,0,.16));border-radius:3px}.notification_notificationsList__aPMT3::-webkit-scrollbar-thumb:hover{background-color:var(--black37,rgba(0,0,0,.37))}.notification_notificationItem___7ZBJ{display:flex;align-items:flex-start;padding:16px 24px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--black8,rgba(0,0,0,.08));gap:12px}.notification_notificationItem___7ZBJ:hover{background-color:var(--black8,rgba(0,0,0,.08))}.notification_notificationItem___7ZBJ.notification_unread__0SXuo{background-color:rgba(76,147,67,.05);border-right:3px solid var(--primary,#4c9343)}.notification_notificationItem___7ZBJ.notification_unread__0SXuo:hover{background-color:rgba(76,147,67,.1)}.notification_icon__Q8X03{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.notification_icon__Q8X03.notification_info___3GpW{background-color:rgba(33,150,243,.1);color:#2196F3}.notification_icon__Q8X03.notification_success__WKKR3{background-color:rgba(76,147,67,.1);color:var(--primary,#4C9343)}.notification_icon__Q8X03.notification_warning__XTD5W{background-color:rgba(255,152,0,.1);color:#FF9800}.notification_icon__Q8X03.notification_error__4ctKV{background-color:rgba(221,61,61,.1);color:var(--error,#DD3D3D)}.notification_content__xBTW4{flex:1;min-width:0}.notification_notificationTitle__STW9r{font-size:15px;font-weight:600;color:var(--black87,rgba(0,0,0,.87));margin-bottom:4px;display:flex;align-items:center;gap:8px}.notification_unreadDot__BQTxO{width:8px;height:8px;border-radius:50%;background-color:var(--primary,#4C9343);flex-shrink:0}.notification_notificationMessage__psQRx{font-size:14px;color:var(--black60,rgba(0,0,0,.6));line-height:1.5;margin-bottom:6px;word-wrap:break-word}.notification_notificationTime__tqiNL{font-size:12px;color:var(--black37,rgba(0,0,0,.37))}.notification_deleteBtn__nlzJ8{background:none;border:none;cursor:pointer;padding:4px;color:var(--black37,rgba(0,0,0,.37));font-size:16px;transition:color .2s ease;opacity:0;flex-shrink:0}.notification_notificationItem___7ZBJ:hover .notification_deleteBtn__nlzJ8{opacity:1}.notification_deleteBtn__nlzJ8:hover{color:var(--error,#DD3D3D)}.notification_empty__zAShi{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notification_emptyIcon__11SZ8{font-size:64px;opacity:.3;margin-bottom:16px}.notification_emptyText__pIGrN{font-size:16px;color:var(--black37,rgba(0,0,0,.37));margin:0}.notification_error__4ctKV{padding:12px 24px;margin:12px 24px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;font-size:14px}.notification_loading__i8Qo8{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px}.notification_spinner__sB0QP{width:32px;height:32px;border:3px solid var(--black16,rgba(0,0,0,.16));border-top-color:var(--primary,#4c9343);border-radius:50%;animation:notification_spin__v3wfO .8s linear infinite}.notification_loading__i8Qo8 p{font-size:14px;color:var(--black60,rgba(0,0,0,.6));margin:0}.notification_endMessage__HDH_c{text-align:center;padding:20px;color:var(--black37,rgba(0,0,0,.37));font-size:14px}@media (max-width:768px){.notification_notificationModal__O5Fn8{width:100%}.notification_notificationPanel__POCa5{max-width:100%}.notification_header__ed4u8{padding:16px 20px}.notification_title__Zhwzq{font-size:18px}.notification_actions__bXr9L{padding:10px 20px}.notification_notificationItem___7ZBJ{padding:14px 20px}.notification_icon__Q8X03{width:36px;height:36px;font-size:16px}.notification_notificationTitle__STW9r{font-size:14px}.notification_notificationMessage__psQRx{font-size:13px}.notification_filterButtons__TuL4m{width:100%}.notification_filterBtn__d1X6U,.notification_markAllBtn__dX3nY{flex:1}}@media (max-width:480px){.notification_header__ed4u8{padding:14px 16px}.notification_title__Zhwzq{font-size:16px}.notification_actions__bXr9L{padding:8px 16px}.notification_filterBtn__d1X6U{padding:5px 12px;font-size:13px}.notification_markAllBtn__dX3nY{font-size:12px;padding:5px 10px}.notification_notificationItem___7ZBJ{padding:12px 16px;gap:10px}.notification_icon__Q8X03{width:32px;height:32px;font-size:14px}.notification_content__xBTW4{font-size:13px}}.notification_filterBtn__d1X6U.notification_deleteAllBtn__dO2jb{background-color:#dc3545!important;color:white!important;border-color:#dc3545!important}.notification_filterBtn__d1X6U.notification_deleteAllBtn__dO2jb:hover:not(:disabled){background-color:#c82333!important;color:white!important;border-color:#c82333!important;transform:translateY(-1px)}