.in-app-notification-container{position:fixed!important;top:24px!important;right:24px!important;z-index:99999!important;pointer-events:none;visibility:visible!important;opacity:1!important;display:block!important;transform:none!important;will-change:transform,opacity;overflow:visible!important;clip:none!important;clip-path:none!important;max-width:420px;width:calc(100% - 48px)}.in-app-notification-card{pointer-events:auto!important;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid rgba(0,0,0,.08);border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.in-app-notification-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1890ff,#096dd9 50%,#0050b3);z-index:1}.in-app-notification-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 40px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.6);border-color:rgba(24,144,255,.2)}.in-app-notification-close{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.9);border:1px solid rgba(0,0,0,.06);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:20;color:#666;box-shadow:0 2px 4px rgba(0,0,0,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.in-app-notification-close:hover{background:#fff;color:#1a1a1a;transform:rotate(90deg) scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.12);border-color:rgba(0,0,0,.1)}.in-app-notification-close:active{transform:rotate(90deg) scale(.95)}.in-app-notification-content{position:relative;padding:20px;display:flex;gap:16px;align-items:flex-start}.in-app-notification-avatar-wrapper{position:relative;flex-shrink:0}.in-app-notification-avatar-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(24,144,255,.15);animation:avatar-pulse 2s ease-in-out infinite;z-index:0}@keyframes avatar-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}.in-app-notification-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1}.in-app-notification-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.in-app-notification-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1890ff,#096dd9 50%,#0050b3);color:#fff;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.in-app-notification-avatar-fallback svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.in-app-notification-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.in-app-notification-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;padding-right:40px}.in-app-notification-sender-name{font-weight:600;font-size:15px;color:#1a1a1a;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;line-height:1.3}.in-app-notification-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 6px rgba(24,144,255,.25);flex-shrink:0;line-height:1.2;position:relative;overflow:hidden}.in-app-notification-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.in-app-notification-message{color:#595959;font-size:14px;line-height:1.5;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.in-app-notification-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px;box-shadow:0 2px 8px rgba(24,144,255,.3);width:100%}.in-app-notification-action-btn:hover{background:linear-gradient(135deg,#096dd9,#0050b3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.in-app-notification-action-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(24,144,255,.3)}.in-app-notification-action-btn svg{transition:transform .2s ease}.in-app-notification-action-btn:hover svg{transform:translateX(2px)}@media (prefers-color-scheme:dark){.in-app-notification-card{background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border-color:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.05)}.in-app-notification-card:hover{border-color:rgba(24,144,255,.3);box-shadow:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.08)}.in-app-notification-sender-name{color:#fff}.in-app-notification-message{color:#d9d9d9}.in-app-notification-close{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15);color:#d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,.2)}.in-app-notification-close:hover{background:hsla(0,0%,100%,.2);color:#fff;border-color:hsla(0,0%,100%,.25);box-shadow:0 4px 8px rgba(0,0,0,.3)}.in-app-notification-avatar{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:hsla(0,0%,100%,.1)}.in-app-notification-avatar-fallback{background:linear-gradient(135deg,#1890ff,#096dd9 50%,#0050b3);color:#fff}}@media (max-width:768px){.in-app-notification-container{top:16px;right:16px;left:16px;max-width:none;width:calc(100% - 32px)}.in-app-notification-card{border-radius:14px}.in-app-notification-content{padding:16px;gap:12px}.in-app-notification-close{top:12px;right:12px;width:28px;height:28px}.in-app-notification-close svg{width:14px;height:14px}.in-app-notification-header{padding-right:36px}.in-app-notification-avatar{width:44px;height:44px}.in-app-notification-avatar-pulse{width:52px;height:52px}.in-app-notification-sender-name{font-size:14px}.in-app-notification-message{font-size:13px}.in-app-notification-action-btn{padding:9px 14px;font-size:12px}.in-app-notification-badge{padding:2px 6px;font-size:9px}}@media (max-width:1024px) and (min-width:769px){.in-app-notification-container{max-width:380px}}@keyframes slide-in-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.in-app-notification-container *{box-sizing:border-box}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Light.d3f699ab.woff2) format("woff2"),url(/_next/static/media/Satoshi-Light.ce217c5d.woff) format("woff"),url(/_next/static/media/Satoshi-Light.121b151d.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-LightItalic.0d87c97a.woff2) format("woff2"),url(/_next/static/media/Satoshi-LightItalic.51efbee6.woff) format("woff"),url(/_next/static/media/Satoshi-LightItalic.58b0e971.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Regular.b1dca2a5.woff2) format("woff2"),url(/_next/static/media/Satoshi-Regular.bb2accee.woff) format("woff"),url(/_next/static/media/Satoshi-Regular.a12eb4fb.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Italic.3eb4bb53.woff2) format("woff2"),url(/_next/static/media/Satoshi-Italic.43440d31.woff) format("woff"),url(/_next/static/media/Satoshi-Italic.84cd9c1d.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Medium.22539d17.woff2) format("woff2"),url(/_next/static/media/Satoshi-Medium.f3941e68.woff) format("woff"),url(/_next/static/media/Satoshi-Medium.8217b72e.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-MediumItalic.17afee50.woff2) format("woff2"),url(/_next/static/media/Satoshi-MediumItalic.5450477c.woff) format("woff"),url(/_next/static/media/Satoshi-MediumItalic.14c46485.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Bold.12084922.woff2) format("woff2"),url(/_next/static/media/Satoshi-Bold.b28a04c4.woff) format("woff"),url(/_next/static/media/Satoshi-Bold.c60efc8f.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-BoldItalic.e51fcc53.woff2) format("woff2"),url(/_next/static/media/Satoshi-BoldItalic.b59cf06f.woff) format("woff"),url(/_next/static/media/Satoshi-BoldItalic.c1d97e57.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-Black.c6d20a6b.woff2) format("woff2"),url(/_next/static/media/Satoshi-Black.28873509.woff) format("woff"),url(/_next/static/media/Satoshi-Black.12d5a2e3.ttf) format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(/_next/static/media/Satoshi-BlackItalic.5400951d.woff2) format("woff2"),url(/_next/static/media/Satoshi-BlackItalic.22c3e8d9.woff) format("woff"),url(/_next/static/media/Satoshi-BlackItalic.33bc16b8.ttf) format("truetype");font-weight:900;font-display:swap;font-style:italic}