.topbar,.top-actions{overflow:visible!important}
.top-actions{position:relative!important;z-index:50000!important}
.notify-dropdown{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;z-index:60000!important}
.notify-toggle{position:relative!important;display:inline-grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;border:1px solid rgba(255,112,201,.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;color:#ffe4f4!important;cursor:pointer!important;box-shadow:none!important;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;font-size:0!important;line-height:1!important;padding:0!important}
.notify-toggle::before{content:'🔔';font-size:19px;line-height:1;display:block;filter:drop-shadow(0 0 6px rgba(255,105,194,.25))}
.notify-toggle:hover,.notify-dropdown.open .notify-toggle{border-color:rgba(255,112,201,.72)!important;background:linear-gradient(145deg,rgba(255,91,190,.18),rgba(255,255,255,.035))!important;box-shadow:0 0 24px rgba(255,91,190,.18)!important;transform:translateY(-1px)!important}
.notify-toggle .notif{position:absolute!important;right:-6px!important;top:-6px!important;display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#ff4fa8!important;color:#fff!important;font-size:12px!important;font-weight:1000!important;border:2px solid #130817!important;box-shadow:0 4px 12px rgba(0,0,0,.35)!important}
.notify-toggle .notif.hidden{display:none!important}
.notify-panel,.notify-menu{position:absolute!important;right:0!important;top:calc(100% + 12px)!important;width:min(540px,calc(100vw - 24px))!important;max-height:min(660px,calc(100vh - 120px))!important;border-radius:24px!important;border:1px solid rgba(255,105,194,.32)!important;background:linear-gradient(145deg,rgba(28,13,31,.98),rgba(8,4,12,.98))!important;box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 40px rgba(255,91,190,.10)!important;backdrop-filter:blur(18px)!important;padding:14px!important;z-index:1000000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-12px) scale(.98)!important;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .22s ease!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:12px!important;overflow:hidden!important}
.notify-dropdown.open .notify-panel,.notify-dropdown.open .notify-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.notify-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:4px 4px 0!important;color:#fff!important}.notify-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.notify-title-ico{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(135deg,#ff64bd,#b46dff)!important;box-shadow:0 10px 24px rgba(255,100,189,.22)!important}.notify-title b{display:block!important;font-size:18px!important;line-height:1.15!important;color:#fff!important}.notify-title small{display:block!important;color:#b9a9bd!important;font-size:12px!important;margin-top:2px!important}
.notify-clear{position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;color:#dccbd9!important;cursor:pointer!important;font-size:18px!important}.notify-clear:hover{border-color:rgba(255,98,140,.45)!important;background:rgba(255,98,140,.14)!important;color:#fff!important}
.notice-list{min-height:120px!important;max-height:min(450px,calc(100vh - 250px))!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:4px 4px 4px 0!important;scrollbar-width:thin!important;scrollbar-color:#ff72bd rgba(255,255,255,.05)!important}.notice-list::-webkit-scrollbar{width:9px!important}.notice-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05)!important;border-radius:999px!important}.notice-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff72bd,#9d6cff)!important;border-radius:999px!important}
.mini-notice{position:relative!important;min-width:0!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border:1px solid rgba(255,105,194,.14)!important;overflow:visible!important;transition:transform .16s ease,border-color .18s ease,background .18s ease!important}.mini-notice:hover{transform:translateY(-1px)!important;border-color:rgba(255,105,194,.35)!important}.mini-notice.unread{background:linear-gradient(145deg,rgba(255,91,190,.16),rgba(255,255,255,.035))!important;border-color:rgba(255,105,194,.32)!important}.mini-notice.read{opacity:.78!important}
.mini-notice .notice-link{display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;gap:5px 10px!important;align-items:start!important;min-height:74px!important;padding:14px 44px 14px 14px!important;border-radius:inherit!important;background:transparent!important;color:#fff!important;text-decoration:none!important}.mini-notice .notice-link i{grid-row:1/3!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#ff9bd7!important;font-style:normal!important;font-weight:1000!important}.mini-notice .notice-link span{display:block!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:14px!important;font-weight:900!important;line-height:1.3!important;color:#fff!important}.mini-notice .notice-link small{display:block!important;color:#bfaaba!important;font-size:12px!important;line-height:1.2!important;margin-top:2px!important}.notice-x{position:absolute!important;right:10px!important;top:10px!important;width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;border:0!important;background:rgba(255,115,145,.18)!important;color:#ff9aad!important;cursor:pointer!important;font-weight:1000!important;z-index:5!important}.notice-x:hover{background:rgba(255,115,145,.32)!important;color:#fff!important}
.notify-panel-footer a{display:block!important;text-align:center!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.035)!important;font-weight:900!important;color:#e8dcff!important}.notify-panel-footer a:hover{border-color:rgba(255,112,201,.38)!important;background:rgba(255,112,201,.12)!important}
.notifications-page{padding:28px!important;display:grid!important;gap:22px!important}.notifications-page-head{display:flex!important;align-items:center!important;gap:14px!important}.notifications-page-head h1{margin:0!important}.notify-page-icon{width:56px!important;height:56px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ff79c6,#d93d93)!important;font-size:24px!important}.notifications-page-head form{margin-left:auto!important}.notifications-list-full{display:grid!important;gap:14px!important}.notification-card{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;padding:18px 54px 18px 18px!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,95,183,.18)!important}.notification-card.unread{background:rgba(255,95,183,.10)!important;border-color:rgba(255,95,183,.30)!important}.notification-card.read{opacity:.78!important}.notification-card .notice-link{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}.notice-big-icon{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;color:#ff9bd7!important;font-size:22px!important}.notification-card small{display:block!important;margin-top:5px!important;color:#bfaaba!important}.notification-card .notice-x{right:18px!important;top:18px!important}
@media(max-width:760px){.notify-panel,.notify-menu{position:fixed!important;right:10px!important;left:10px!important;top:86px!important;width:auto!important;max-height:calc(100vh - 110px)!important}.notifications-page{padding:18px!important}.notifications-page-head{align-items:flex-start!important}.notifications-page-head form{margin-left:0!important}.notification-card{padding-right:48px!important}}

/* notification text should fit normally */
.notify-panel{width:min(620px,calc(100vw - 28px))!important}
.notice-list{display:flex!important;flex-direction:column!important;gap:10px!important}
.mini-notice{width:100%!important;max-width:100%!important}
.mini-notice .notice-link{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}
.mini-notice .notice-link span{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.notify-panel-footer a{width:100%!important}