@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap);.notifications-bg{background:#f8f8f8;min-height:100vh;padding:0}.loading-container{display:flex;justify-content:center;align-items:center;padding:50px 0}.notifications-content{display:flex;justify-content:center;margin-top:24px}.notifications-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06666666666666667);padding:0 0 24px 0;width:100%;max-width:1850px;min-height:600px}.notifications-card-header{display:flex;align-items:center;flex-direction:column;align-items:flex-start;padding:24px 32px 0 32px;gap:12px}.card-title{font-size:25px;color:#000}.noti-tabs{display:flex;gap:20px;flex-wrap:wrap}.noti-tab{font-size:18px;color:#000;padding:5px 13px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;position:relative}.noti-tab.active{display:flex;gap:0;border-bottom:3px solid #2563eb;overflow-x:auto;padding-bottom:0}.notifications-list{margin-top:0;padding:0 32px}.noti-row-card.unread{background:#e9f6fe;display:flex;gap:0;border-bottom:2px solid #4177eb;overflow-x:auto;padding-bottom:0}.noti-content{width:100%}.noti-row-main{justify-content:space-between}.noti-row-left,.noti-row-main{display:flex;align-items:center}.noti-row-left{gap:8px;flex:1}.noti-dot{color:#e53935;font-size:35px;margin-right:-20px;margin-left:20px;min-width:10px;height:60px}.noti-title{font-size:20px;font-weight:700;color:#000;flex:1;overflow:hidden;white-space:normal;word-wrap:break-word;margin-left:25px}.noti-delete{font-size:25px;color:#2563eb;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.noti-delete:hover{color:#e53935;background:#f5f5f5;border-radius:4px}.noti-desc{position:relative;font-size:15px;color:#222;margin-bottom:5px;line-height:1.2;margin-top:0;margin-left:24px;padding-right:60px}.noti-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-left:24px}.noti-time{font-size:15px;color:#1d39c4;font-weight:500}.detailCheck{font-size:12px;background-color:#fff;border:.5px solid #ccc;padding:4px 12px;border-radius:4px;transition:background-color .2s;height:28px;line-height:1;margin-left:auto;cursor:pointer;color:#2563eb;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.noti-row-card{background:#fff;border-top:1px solid hsla(0,0%,74.1%,.6235294117647059);border-bottom:1px solid hsla(0,0%,74.1%,.6235294117647059);border-left:none;border-right:none;border-radius:0;padding:16px 0}@media (max-width:768px){.notifications-card{margin:12px;border-radius:12px}.notifications-card-header{padding:16px 20px 0 20px}.notifications-list{padding:0 20px}.noti-tabs{overflow-x:auto;padding-bottom:4px}.noti-desc,.noti-footer{margin-left:20px}}.tab-number{background:#2563eb;color:#fff;font-size:13px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;flex-shrink:0}