.notifications-wrapper{width:100%;background-color:var(--color-white);min-height:calc(100vh - 44px)}.notifications-wrapper.notifications-dropdown{width:100%;max-width:100%;min-height:0;background:#fff}.notifications-page{padding:0;background:#fff;min-height:calc(100vh - 64px - env(safe-area-inset-bottom, 0px));font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif}.notifications-page .notifications-wrapper{max-width:640px;margin:0 auto;min-height:inherit;background:#fff}.pwa-notifications{display:flex;flex-direction:column;color:#09090b;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif}.pwa-notifications__titlebar{flex:none;padding:calc(env(safe-area-inset-top, 0px) + 16px) 20px 4px;display:flex;flex-direction:column;gap:13px}.pwa-notifications__titlerow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.pwa-notifications__title{margin:0;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#09090b}.pwa-notifications__markall{flex:none;text-align:right;font-size:13px;font-weight:600;line-height:1.25;color:#52525b;background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:inherit}.pwa-notifications__markall:hover{color:#09090b}.pwa-notifications__markall:active{opacity:.6}.pwa-notifications__segment{display:flex;padding:3px;border-radius:12px;background:#eeeef0}.pwa-notifications__seg{flex:1;text-align:center;padding:8px 0;border-radius:9px;font-size:13.5px;font-weight:600;color:#71717a;background:rgba(0,0,0,0);border:none;cursor:pointer;font-family:inherit;transition:background-color .15s ease,color .15s ease}.pwa-notifications__seg.is-active{background:#fff;color:#09090b}.pwa-notifications__list{flex:1;display:flex;flex-direction:column;padding:2px 20px 24px}.pwa-notifications__group-label{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.09em;color:#71717a;padding:16px 0 4px}.pwa-notifications__list>.pwa-notifications__group-label:first-child{padding-top:8px}.pwa-notifications__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 24px;color:#d4d4d8}.pwa-notifications__empty svg{margin-bottom:16px}.pwa-notifications__empty-title{font-size:16px;font-weight:600;color:#52525b;margin:0 0 6px}.pwa-notifications__empty-sub{font-size:13px;color:#a1a1aa;margin:0}.pwa-notifications__loading{padding:48px 16px;text-align:center;font-size:13px;color:#a1a1aa;font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif}.pwa-notifications--dropdown .pwa-notifications__titlebar{position:sticky;top:0;z-index:1;background:#fff;padding:16px 16px 12px;border-bottom:1px solid #f4f4f5}.pwa-notifications--dropdown .pwa-notifications__title{font-size:19px}.pwa-notifications--dropdown .pwa-notifications__markall{font-size:12.5px}.pwa-notifications--dropdown .pwa-notifications__list{padding:0 16px 10px}.pwa-notifications--dropdown .pwa-notifications__empty{padding:44px 24px}.pwa-notif-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #f4f4f5;text-decoration:none;color:inherit;cursor:pointer;align-items:flex-start;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pwa-notif-row:last-child{border-bottom:none}.pwa-notif-row:hover{background:#fafafa}.pwa-notif-row:active{background:#f4f4f5}.pwa-notif-row__icon{flex:none;width:38px;height:38px;border-radius:11px;background:#eeeef0;display:flex;align-items:center;justify-content:center;color:#09090b}.pwa-notif-row__icon svg{width:18px;height:18px;stroke-width:1.8}.pwa-notif-row__icon.is-success{background:rgba(5,150,105,.1);color:#065f46}.pwa-notif-row__icon.is-success svg{stroke-width:2.2}.pwa-notif-row__avatar{position:relative;flex:none;width:38px;height:38px;border-radius:11px;background:#eeeef0;display:flex;align-items:center;justify-content:center}.pwa-notif-row__avatar-initials{font-size:13px;font-weight:600;letter-spacing:-.01em;color:#52525b}.pwa-notif-row__avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:11px}.pwa-notif-row__badge{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:6px;background:#eeeef0;color:#52525b;border:2px solid #fff;display:flex;align-items:center;justify-content:center}.pwa-notif-row__badge svg{width:11px;height:11px;stroke-width:2}.pwa-notif-row__badge.is-success{background:rgba(5,150,105,.14);color:#065f46}.pwa-notif-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-notif-row__title{font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:#09090b}.pwa-notif-row__desc{font-size:13px;line-height:1.45;color:#52525b;word-wrap:break-word}.pwa-notif-row__time{font-size:12px;color:#a1a1aa}.pwa-notif-row__dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--color-yellow);margin-top:6px;box-shadow:0 0 0 1px var(--color-darker-electic-lime)}.pwa-notif-row.is-read .pwa-notif-row__icon:not(.is-success),.pwa-notif-row.is-read .pwa-notif-row__title{color:#52525b}.pwa-notif-row.is-read .pwa-notif-row__desc{color:#71717a}