.notification-layer{position:relative;z-index:1000}.notification-layer__floating{display:none}.notification-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-radius:20px;box-shadow:0 40px 80px #0f172a2e;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,sans-serif;max-height:calc(100vh - 144px);overflow:hidden;position:fixed;right:32px;top:96px;width:min(420px,100vw - 32px)}.notification-panel__header{align-items:flex-start;border-bottom:1px solid #0f172a0f;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.notification-panel__header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.notification-panel__title{align-items:center;display:flex;gap:12px}.notification-panel__count{align-items:center;background:linear-gradient(135deg,#2d65ff,#4a86ff);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:22px;justify-content:center;min-width:32px;padding:0 10px}.notification-panel__actions{display:inline-flex;flex-wrap:wrap;gap:10px}.notification-panel__actions .ghost,.notification-panel__actions .icon{background:#0000;border:none;border-radius:10px;color:#1d4ed8;cursor:pointer;font-weight:600;padding:8px 12px;transition:background .14s ease,color .14s ease}.notification-panel__actions .ghost:hover{background:#1d4ed814}.notification-panel__actions .ghost:disabled{background:#0000;color:#0f172a6b;cursor:default}.notification-panel__actions .icon{align-items:center;background:#0f172a0d;display:inline-flex;font-size:20px;height:36px;justify-content:center;line-height:1;width:36px}.notification-panel__actions .icon:hover{background:#0f172a1f}.notification-panel__content{flex:1 1;overflow-y:auto;padding:16px 0}.notification-panel__empty{padding:48px 32px;text-align:center}.notification-panel__empty h3{color:#0f172a;font-size:18px;font-weight:600}.notification-panel__empty p{color:#0f172ab3;line-height:1.5;margin-top:8px}.notification-panel__list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.notification-panel__item{align-items:center;background:#ffffffeb;border:1px solid #0000;border-radius:16px;box-shadow:0 10px 34px #0f172a14;display:flex;gap:16px;justify-content:space-between;margin:0 16px;padding:18px 20px}.notification-panel__item.unread{background:#eff6ffe6;border-color:#2d65ff4d}.notification-panel__item--success{border-left:4px solid #10b981}.notification-panel__item--info{border-left:4px solid #3b82f6}.notification-panel__item--error{border-left:4px solid #ef4444}.notification-panel__item-body{flex:1 1}.notification-panel__item-body h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 6px}.notification-panel__item-body p{color:#0f172ab3;line-height:1.5;margin:0}.notification-panel__item-body time{color:#0f172a8c;display:inline-block;font-size:12px;margin-top:8px}.notification-panel__item-actions{display:flex;flex-direction:column;gap:8px}.notification-panel__item-actions button{background:#0000;border:none;color:#2563eb;cursor:pointer;font-weight:600;transition:color .14s ease}.notification-panel__item-actions button:hover{color:#1d4ed8}.notification-panel__scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a59;inset:0;position:fixed;z-index:-1}.notification-panel-enter{opacity:0;transform:translateY(-12px)}.notification-panel-enter-active{transition:opacity .2s ease,transform .2s ease}.notification-panel-enter-active,.notification-panel-exit{opacity:1;transform:translateY(0)}.notification-panel-exit-active{opacity:0;transform:translateY(-8px);transition:opacity .16s ease,transform .16s ease}@media(max-width:920px){.notification-layer__floating{display:inline-flex}.notification-panel{background:#f8fafc;border-radius:0;bottom:0;box-shadow:0 30px 60px #0f172a29;max-height:100vh;position:fixed;right:0;top:0;width:min(420px,100vw)}.notification-panel__header{padding:24px 24px 16px}.notification-panel__content{padding-bottom:24px}.notification-panel__item{margin:0 20px}}@media(max-width:640px){.notification-panel{width:100vw}.notification-panel__header{align-items:stretch;flex-direction:column;gap:12px}.notification-panel__actions{justify-content:flex-end}}@media(max-width:480px){.notification-panel__item{align-items:flex-start;flex-direction:column}.notification-panel__item-actions{align-self:stretch;flex-direction:row;justify-content:flex-end}}
/*# sourceMappingURL=4589.1b120b1f.chunk.css.map*/