@font-face{font-style:normal;font-weight:100;src:url(/assets/Archivo-Thin-DQMzNx3g.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:200;src:url(/assets/Archivo-ExtraLight-DeHW1ghv.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:300;src:url(/assets/Archivo-Light-C4om4bkb.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:400;src:url(/assets/Archivo-Regular-Dv2uU1nf.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:500;src:url(/assets/Archivo-Medium-CKgtXaqO.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:600;src:url(/assets/Archivo-SemiBold-D43Qx-6i.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:700;src:url(/assets/Archivo-Bold-E7yA2Da6.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:800;src:url(/assets/Archivo-ExtraBold-xL4egMyK.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:900;src:url(/assets/Archivo-Black-DB-NKgVR.ttf) format("truetype");font-family:Archivo;font-display:swap}@font-face{font-style:normal;font-weight:100 900;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-family:Inter;font-display:swap}.header-mobile[data-v-f951608b]{padding:24px 20px;margin:0 0 16px;border-bottom:1px solid #e0e0e0;position:sticky;top:0;text-align:center;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:center}.header-mobile h1[data-v-f951608b]{font-size:32px;color:#252525;margin:0;font-weight:700;letter-spacing:-.02em}.header-mobile .clearButton[data-v-f951608b]{position:absolute;right:20px;top:50%;transform:translateY(-50%);margin-top:0;background:#dc3545;border:none;cursor:pointer;padding:10px 16px;border-radius:8px;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #00000026}.header-mobile .clearButton[data-v-f951608b]:hover{background:#c82333;transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #dc354566}.header-mobile .clearButton[data-v-f951608b]:active{transform:translateY(-50%) scale(.98);box-shadow:0 2px 6px #00000026}.header-mobile .clearButton img[data-v-f951608b]{width:20px;height:20px;display:block;filter:brightness(0) invert(1);flex-shrink:0;margin-bottom:.5px}.header-mobile .clearButton .buttonText[data-v-f951608b]{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:-.01em;line-height:1;margin-left:6px}.dateFilterSection[data-v-f951608b]{display:flex;align-items:center;gap:12px;padding:16px 20px;margin-bottom:16px;background-color:#f8f9fa;border-radius:12px;border:1px solid #e0e0e0}.dateFilterSection .dateFilterLabel[data-v-f951608b]{font-size:14px;font-weight:600;color:#252525;white-space:nowrap}.dateFilterSection .dateInputWrapper[data-v-f951608b]{display:flex;align-items:center;gap:8px;flex:1;max-width:250px}.dateFilterSection .dateInput[data-v-f951608b]{flex:1;padding:10px 14px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;color:#252525;background-color:#fff;cursor:pointer;transition:all .2s ease}.dateFilterSection .dateInput[data-v-f951608b]:hover{border-color:#98a2b3}.dateFilterSection .dateInput[data-v-f951608b]:focus{outline:none;border-color:#4f5fc6;box-shadow:0 0 0 3px #4f5fc61a}.dateFilterSection .dateInput[data-v-f951608b]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.dateFilterSection .dateInput[data-v-f951608b]::-webkit-calendar-picker-indicator:hover{background-color:#f0f0f0}.dateFilterSection .clearDateButton[data-v-f951608b]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#f0f0f0;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease}.dateFilterSection .clearDateButton[data-v-f951608b]:hover{background-color:#e0e0e0;color:#333}.dateFilterSection .clearDateButton[data-v-f951608b]:active{transform:scale(.95)}.loading[data-v-f951608b]{text-align:center;padding:20px;color:#666}.notificationSection[data-v-f951608b]{border-radius:24px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.notificationList[data-v-f951608b]{display:flex;flex-direction:column;padding:0;gap:10px}.notificationItem[data-v-f951608b]{padding:20px;border-radius:12px;cursor:pointer;background-color:#f7f7f7;border:1px solid #e0e0e0;transition:background-color .2s ease;position:relative}.notificationItem[data-v-f951608b]:last-child{border-bottom:none}.notificationItem[data-v-f951608b]:hover{background-color:#f8f8f8}.notificationItem:hover .deleteNotificationButton[data-v-f951608b]{opacity:1}.notificationItem.unread[data-v-f951608b]{background-color:#4f5fc626}.notificationItem.unread[data-v-f951608b]:hover{background-color:#4f5fc61a}.notificationItem .deleteNotificationButton[data-v-f951608b]{opacity:1}.notificationDate[data-v-f951608b]{font-size:14px;color:#666;margin-bottom:8px}.notificationContent[data-v-f951608b]{display:flex;align-items:center;gap:15px;cursor:pointer;padding-right:40px}.deleteNotificationButton[data-v-f951608b]{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;opacity:0;display:flex;align-items:center;justify-content:center;z-index:10}.deleteNotificationButton[data-v-f951608b]:hover{background-color:#ef44441a}.deleteNotificationButton[data-v-f951608b]:active{background-color:#ef444433}.deleteNotificationButton img[data-v-f951608b]{width:18px;height:18px;filter:invert(44%) sepia(63%) saturate(5618%) hue-rotate(351deg) brightness(97%) contrast(97%)}.notificationIcon[data-v-f951608b]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notificationIcon img[data-v-f951608b]{width:20px;height:20px}.notificationIcon.success[data-v-f951608b],.notificationIcon.info[data-v-f951608b],.notificationIcon.bonus[data-v-f951608b]{background-color:#fff}.notificationText[data-v-f951608b]{font-size:16px;color:#252525;flex:1;line-height:1.6}.notificationText[data-v-f951608b] strong{font-weight:600;color:#4f5fc6}.notificationText[data-v-f951608b] br+br{margin-top:8px}.noNotifications[data-v-f951608b]{text-align:center;padding:40px;color:#666;border-radius:24px}@media (max-width: 480px){.notificationContainer[data-v-f951608b]{max-width:100%;margin:0;padding:0 16px 20px}.header-mobile[data-v-f951608b]{margin:0 0 20px;padding:20px 16px;border-radius:20px 20px 0 0;text-align:center}.header-mobile h1[data-v-f951608b]{font-size:28px}.header-mobile .clearButton[data-v-f951608b]{right:16px}.header-mobile .clearButton img[data-v-f951608b]{width:18px;height:18px}}@media (max-width: 320px){.notificationContainer[data-v-f951608b]{padding:0 12px 20px}.header-mobile[data-v-f951608b]{padding:16px 12px;margin:0 0 16px;border-radius:20px 20px 0 0;flex-direction:column;gap:10px}.header-mobile h1[data-v-f951608b]{font-size:24px}.header-mobile .clearButton[data-v-f951608b]{position:relative;right:auto;top:auto;transform:none;padding:6px 10px}.header-mobile .clearButton img[data-v-f951608b]{width:16px;height:16px}.header-mobile .deleteNotificationButton[data-v-f951608b]{opacity:1;right:12px}.header-mobile .notificationContent[data-v-f951608b]{padding-right:36px}.dateFilterSection[data-v-f951608b]{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.dateFilterSection .dateInputWrapper[data-v-f951608b]{max-width:none}}@media (max-width: 480px){.header-mobile[data-v-f951608b]{flex-direction:column;gap:12px}.header-mobile .clearButton[data-v-f951608b]{position:relative;right:auto;top:auto;transform:none;background-color:#dc3545;color:#fff;font-size:12px;padding:8px 12px;border-radius:6px;box-shadow:0 2px 6px #dc354566}.header-mobile .clearButton[data-v-f951608b]:hover{background-color:#c82333;transform:scale(1.05);box-shadow:0 4px 12px #dc354599}.header-mobile .clearButton[data-v-f951608b]:active{transform:scale(.98);background-color:#bd2130;box-shadow:0 2px 6px #dc354566}.dateFilterSection[data-v-f951608b]{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.dateFilterSection .dateFilterLabel[data-v-f951608b]{font-size:13px}.dateFilterSection .dateInputWrapper[data-v-f951608b]{max-width:none}.dateFilterSection .dateInput[data-v-f951608b]{padding:12px 14px;font-size:16px}}
