.notifications-page{--notification-muted: rgba(255, 255, 255, .42)}.notifications-page .notifications-header{margin-bottom:36px}.notifications-page .notifications-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08;color:#fff}.notifications-page .notifications-subtitle{margin-top:10px;max-width:520px;color:var(--notification-muted);font-size:1.05rem;line-height:1.6}.notifications-page .notifications-mark-all{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#ffffff0f;color:#ffffffb8;font-size:13px;font-weight:700;transition:background .18s ease,color .18s ease}.notifications-page .notifications-mark-all:hover:not(:disabled){background:#ffffff1a;color:#fff}.notifications-page .notifications-mark-all:disabled{opacity:.45;cursor:not-allowed}.notifications-page .notification-group{display:flex;flex-direction:column;gap:10px}.notifications-page .notification-group+.notification-group{margin-top:28px}.notifications-page .notification-group-label{margin:0 0 4px;padding-inline:4px;color:#ffffff57;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.notifications-page .notification-card{display:block;border-radius:18px;padding:16px 18px;text-decoration:none;color:inherit;transition:transform .18s ease,filter .18s ease}.notifications-page .notification-card:hover{transform:translateY(-1px);filter:brightness(1.04)}.notifications-page .notification-card:focus-visible{outline:2px solid rgba(251,191,36,.85);outline-offset:3px}.notifications-page .notification-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.notifications-page .notification-card-meta{display:flex;align-items:center;gap:10px;min-width:0}.notifications-page .notification-card-icon{display:inline-flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px}.notifications-page .notification-card-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.notifications-page .notification-card-type{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.notifications-page .notification-card-new{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#ffffff24;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.notifications-page .notification-card-time{flex-shrink:0;color:#ffffff61;font-size:12px;font-weight:700;white-space:nowrap}.notifications-page .notification-card-title{margin:0;font-size:1.05rem;font-weight:800;line-height:1.25;color:#fff}.notifications-page .notification-card.is-read .notification-card-title{color:#ffffffb8}.notifications-page .notification-card-body{margin:6px 0 0;color:#ffffff85;font-size:.95rem;line-height:1.55}.notifications-page .notification-card.is-read .notification-card-body{color:#ffffff57}.notifications-page .notification-empty,.notifications-page .notification-error{padding:48px 24px;border-radius:20px;background:#ffffff09;text-align:center}.notifications-page .notification-empty-icon,.notifications-page .notification-error-icon{display:inline-flex;width:72px;height:72px;align-items:center;justify-content:center;margin-bottom:20px;border-radius:18px;background:#ffffff0f;color:#ffffff8c}.notifications-page .notification-empty-title,.notifications-page .notification-error-title{margin:0 0 10px;font-size:1.5rem;font-weight:800;color:#fff}.notifications-page .notification-empty-copy,.notifications-page .notification-error-copy{margin:0 auto;max-width:420px;color:var(--notification-muted);line-height:1.6}.notifications-page .notification-retry{margin-top:24px;padding:12px 20px;border-radius:14px;background:#fff;color:#000;font-size:14px;font-weight:700;transition:background .18s ease}.notifications-page .notification-retry:hover{background:#e5e5e5}.notifications-page .notification-skeleton{border-radius:18px;padding:16px 18px;background:#ffffff0a;animation:notification-pulse 1.4s ease-in-out infinite}@keyframes notification-pulse{0%,to{opacity:.55}50%{opacity:1}}.notifications-detail .notification-detail-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#ffffff7a;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s ease}.notifications-detail .notification-detail-back:hover{color:#fff}.notifications-detail .notification-detail-card{border-radius:22px;overflow:hidden}.notifications-detail .notification-detail-hero{padding:24px 24px 20px}.notifications-detail .notification-detail-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:14px}.notifications-detail .notification-detail-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.notifications-detail .notification-detail-type{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.notifications-detail .notification-detail-new{display:inline-flex;padding:3px 9px;border-radius:999px;background:#ffffff24;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.notifications-detail .notification-detail-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15;color:#fff}.notifications-detail .notification-detail-time{margin-top:10px;color:#ffffff6b;font-size:13px;font-weight:600}.notifications-detail .notification-detail-body-wrap{padding:0 24px 24px}.notifications-detail .notification-detail-body{margin:0;color:#ffffffc7;font-size:1rem;line-height:1.7;white-space:pre-wrap}.notifications-detail .notification-detail-action{padding:0 24px 24px}.notifications-detail .notification-detail-link{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;background:#fff;color:#000;font-size:14px;font-weight:700;text-decoration:none;transition:background .18s ease}.notifications-detail .notification-detail-link:hover{background:#e5e5e5}