.page-module__qZtzMG__page{background:#f7f9fc;min-height:100vh;padding-bottom:60px}.page-module__qZtzMG__authGate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:480px;min-height:75vh;margin:0 auto;padding:40px 24px;display:flex}.page-module__qZtzMG__authGateIconWrap{background:#05424314;border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:8px;display:flex}.page-module__qZtzMG__lockIcon{color:#054243}.page-module__qZtzMG__authGateTitle{color:#121212;letter-spacing:-.3px;font-size:24px;font-weight:800}.page-module__qZtzMG__authGateDesc{color:#64748b;margin-bottom:8px;font-size:14.5px;line-height:1.6}.page-module__qZtzMG__authGateBtns{align-items:center;gap:12px;width:100%;display:flex}.page-module__qZtzMG__loginBtn{color:#fff;text-align:center;background:linear-gradient(135deg,#054243,#042d40);border-radius:12px;flex:1;padding:13px 20px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;box-shadow:0 4px 14px #05424340}.page-module__qZtzMG__loginBtn:hover{opacity:.95;transform:translateY(-1px)}.page-module__qZtzMG__registerBtn{color:#054243;text-align:center;background:#fff;border:1.5px solid #054243;border-radius:12px;flex:1;padding:12px 20px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .15s}.page-module__qZtzMG__registerBtn:hover{background:#0542430d}.page-module__qZtzMG__header{color:#fff;background:linear-gradient(135deg,#054243 0%,#042d40 100%);padding:36px 0 32px}.page-module__qZtzMG__headerInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:820px;margin:0 auto;padding:0 24px;display:flex}.page-module__qZtzMG__titleRow{align-items:center;gap:12px;display:flex}.page-module__qZtzMG__title{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.page-module__qZtzMG__unreadCounterBadge{color:#042d40;letter-spacing:.3px;text-transform:uppercase;background:#03dac5;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800}.page-module__qZtzMG__subtitle{color:#ffffffbf;margin-top:6px;font-size:14px;line-height:1.4}.page-module__qZtzMG__headerActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-module__qZtzMG__refreshBtn{color:#fff;cursor:pointer;background:#ffffff1f;border:1.5px solid #ffffff38;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.page-module__qZtzMG__refreshBtn:hover{background:#fff3}.page-module__qZtzMG__spinning{animation:1s linear infinite page-module__qZtzMG__spin}@keyframes page-module__qZtzMG__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-module__qZtzMG__markAllBtn{color:#03dac5;cursor:pointer;white-space:nowrap;background:#03dac52e;border:1.5px solid #03dac573;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.page-module__qZtzMG__markAllBtn:hover{background:#03dac547}.page-module__qZtzMG__container{max-width:820px;margin:0 auto;padding:24px 20px}.page-module__qZtzMG__filterTabs{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.page-module__qZtzMG__filterTabs::-webkit-scrollbar{display:none}.page-module__qZtzMG__tabBtn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.page-module__qZtzMG__tabBtn:hover{background:#f8fafc;border-color:#cbd5e1}.page-module__qZtzMG__tabActive{box-shadow:0 2px 8px #0542432e;color:#fff!important;background:#054243!important;border-color:#054243!important}.page-module__qZtzMG__tabCount{background:#00000014;border-radius:10px;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.page-module__qZtzMG__tabActive .page-module__qZtzMG__tabCount{color:#fff;background:#ffffff40}.page-module__qZtzMG__list{flex-direction:column;gap:12px;display:flex}.page-module__qZtzMG__skeletonCard{background:#e2e8f0;border-radius:16px;height:96px}.page-module__qZtzMG__notifCard{cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:16px;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #00000008}.page-module__qZtzMG__notifCard:hover{border-color:#0542432e;transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.page-module__qZtzMG__unread{background:#fff;border-left:4px solid #03dac5;box-shadow:0 2px 12px #03dac514}.page-module__qZtzMG__notifIconWrap{background:#f1f5f9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.page-module__qZtzMG__notifCard:hover .page-module__qZtzMG__notifIconWrap{transform:scale(1.05)}.page-module__qZtzMG__iconActive{background:#03dac526}.page-module__qZtzMG__typeIconAppt{color:#0284c7}.page-module__qZtzMG__typeIconPayment{color:#16a34a}.page-module__qZtzMG__typeIconPromo{color:#f59e0b}.page-module__qZtzMG__typeIconSystem{color:#8b5cf6}.page-module__qZtzMG__typeIconDefault{color:#054243}.page-module__qZtzMG__notifContent{flex:1;min-width:0}.page-module__qZtzMG__notifTopRow{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.page-module__qZtzMG__notifTitleGroup{align-items:center;gap:8px;min-width:0;display:flex}.page-module__qZtzMG__notifTitle{color:#0f172a;margin:0;font-size:15px;font-weight:700;line-height:1.3}.page-module__qZtzMG__unreadDot{background:#03dac5;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #03dac5b3}.page-module__qZtzMG__notifTime{color:#94a3b8;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:inline-flex}.page-module__qZtzMG__notifMsg{color:#475569;margin:0 0 8px;font-size:13.5px;line-height:1.55}.page-module__qZtzMG__mediaWrap{background:#f1f5f9;border-radius:12px;max-height:200px;margin:10px 0;overflow:hidden}.page-module__qZtzMG__mediaImg{object-fit:cover;width:100%;height:100%;max-height:200px;display:block}.page-module__qZtzMG__actionRow{justify-content:flex-start;align-items:center;margin-top:6px;display:flex}.page-module__qZtzMG__actionBtn{color:#054243;background:#0542430f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.page-module__qZtzMG__notifCard:hover .page-module__qZtzMG__actionBtn{color:#042d40;background:#0542431f}.page-module__qZtzMG__emptyState{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;align-items:center;gap:12px;margin-top:10px;padding:60px 24px;display:flex}.page-module__qZtzMG__emptyIconCircle{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:6px;display:flex}.page-module__qZtzMG__emptyIcon{color:#94a3b8}.page-module__qZtzMG__emptyTitle{color:#1e293b;margin:0;font-size:19px;font-weight:800}.page-module__qZtzMG__emptyText{color:#64748b;max-width:400px;margin:0;font-size:14px;line-height:1.5}.page-module__qZtzMG__resetFilterBtn{color:#fff;cursor:pointer;background:#054243;border:none;border-radius:10px;margin-top:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .2s}.page-module__qZtzMG__resetFilterBtn:hover{opacity:.9}@media (max-width:768px){.page-module__qZtzMG__page{padding-bottom:95px}.page-module__qZtzMG__header{padding:24px 0 20px}.page-module__qZtzMG__headerInner{flex-direction:column;align-items:flex-start;gap:14px;padding:0 16px}.page-module__qZtzMG__title{font-size:22px}.page-module__qZtzMG__headerActions{justify-content:space-between;width:100%}.page-module__qZtzMG__container{padding:16px 14px}.page-module__qZtzMG__notifCard{border-radius:14px;gap:12px;padding:14px}.page-module__qZtzMG__notifIconWrap{border-radius:10px;width:38px;height:38px}.page-module__qZtzMG__notifTitle{font-size:14px}.page-module__qZtzMG__notifMsg{font-size:13px}}