.universal-notifications-v327,
.universal-notifications-v327 *{box-sizing:border-box}
.universal-notifications-v327{position:relative;display:inline-flex;z-index:1200}
.universal-notification-trigger-v327{
  position:relative;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer;font:inherit
}
.universal-notification-trigger-v327:hover,.universal-notification-trigger-v327[aria-expanded="true"]{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.14)}
.universal-notification-trigger-v327>span{font-size:1rem;line-height:1}
.universal-notification-trigger-v327>em{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff4d67;color:#fff;font-size:.68rem;font-style:normal;font-weight:900;line-height:20px;text-align:center;box-shadow:0 0 0 3px #0b0f18}
.universal-notification-panel-v327{
  position:absolute;top:calc(100% + 12px);right:0;width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 90px));overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#0d1422;color:#f8fafc;box-shadow:0 28px 80px rgba(0,0,0,.5)
}
.universal-notification-panel-v327[hidden]{display:none!important}
.universal-notification-panel-v327>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid rgba(148,163,184,.13);background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(37,99,235,.05))}
.universal-notification-panel-v327>header strong{display:block;font-size:1rem}
.universal-notification-panel-v327>header small{display:block;margin-top:3px;color:#94a3b8;font-size:.75rem}
.universal-notification-panel-v327>header button{border:0;background:transparent;color:#c4b5fd;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.universal-notification-list-v327{max-height:480px;overflow:auto;padding:8px}
.universal-notification-item-v327{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:1px solid transparent;border-radius:13px;color:#f8fafc;text-decoration:none;transition:.15s ease}
.universal-notification-item-v327:hover{background:rgba(255,255,255,.04);border-color:rgba(148,163,184,.12)}
.universal-notification-item-v327.is-unread{background:rgba(99,102,241,.1);border-color:rgba(129,140,248,.18)}
.universal-notification-item-icon-v327{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(59,130,246,.14);color:#93c5fd;font-size:1rem}
.universal-notification-item-v327.is-urgent .universal-notification-item-icon-v327{background:rgba(239,68,68,.15);color:#fca5a5}
.universal-notification-item-v327.is-high .universal-notification-item-icon-v327{background:rgba(245,158,11,.15);color:#fcd34d}
.universal-notification-item-copy-v327 strong{display:block;font-size:.9rem;line-height:1.3}
.universal-notification-item-copy-v327 p{margin:4px 0;color:#aab5c8;font-size:.8rem;line-height:1.45}
.universal-notification-item-copy-v327 small{color:#718096;font-size:.7rem}
.universal-notification-dismiss-v327{width:25px;height:25px;border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;font:inherit}
.universal-notification-dismiss-v327:hover{background:rgba(255,255,255,.06);color:#fff}
.universal-notification-loading-v327,.universal-notification-empty-v327{padding:28px 16px;text-align:center;color:#94a3b8;font-size:.86rem}
.universal-notification-panel-v327>footer{padding:12px 16px;border-top:1px solid rgba(148,163,184,.13);text-align:center}
.universal-notification-panel-v327>footer a{color:#c4b5fd;text-decoration:none;font-size:.82rem;font-weight:800}

.universal-notification-page-v327{width:min(1120px,calc(100% - 32px));margin:30px auto 70px;color:#f8fafc}
.universal-notification-page-head-v327{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:26px;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:linear-gradient(135deg,#101827,#0b1220)}
.universal-notification-page-head-v327>div:first-child>span{color:#a78bfa;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}
.universal-notification-page-head-v327 h1{margin:8px 0 7px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}
.universal-notification-page-head-v327 p{margin:0;color:#aab5c8;line-height:1.6}
.universal-notification-page-count-v327{min-width:108px;padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(255,255,255,.03);text-align:center}
.universal-notification-page-count-v327 strong{display:block;font-size:2rem}
.universal-notification-page-count-v327 small{color:#94a3b8}
.universal-notification-page-alert-v327{margin-top:16px;padding:14px 16px;border:1px solid rgba(245,158,11,.3);border-radius:14px;background:rgba(245,158,11,.1);color:#fde68a}
.universal-notification-page-list-v327{display:grid;gap:10px;margin-top:18px}
.universal-notification-page-item-v327{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:#0c1422}
.universal-notification-page-item-v327.is-unread{border-color:rgba(129,140,248,.35);background:linear-gradient(135deg,rgba(79,70,229,.12),#0c1422)}
.universal-notification-page-icon-v327{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(59,130,246,.13)}
.universal-notification-page-item-v327>div:nth-child(2)>span{color:#8b9ab4;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.universal-notification-page-item-v327 h2{margin:5px 0 4px;font-size:1rem}
.universal-notification-page-item-v327 p{margin:0 0 5px;color:#aab5c8;line-height:1.45}
.universal-notification-page-item-v327 small{color:#6f7f98}
.universal-notification-page-item-v327>a{padding:9px 12px;border:1px solid rgba(148,163,184,.16);border-radius:10px;color:#fff;text-decoration:none;font-weight:800;font-size:.82rem}
.universal-notification-page-empty-v327{padding:42px 20px;border:1px dashed rgba(148,163,184,.22);border-radius:18px;text-align:center;color:#94a3b8}
.universal-notification-page-empty-v327 strong{display:block;color:#f8fafc;font-size:1.1rem}
.universal-notification-page-empty-v327 p{margin:7px 0 0}

@media(max-width:760px){
 .universal-notification-panel-v327{position:fixed;top:70px;right:12px;left:12px;width:auto;max-height:calc(100vh - 84px)}
 .universal-notification-page-head-v327{align-items:stretch;flex-direction:column}
 .universal-notification-page-count-v327{min-width:0}
 .universal-notification-page-item-v327{grid-template-columns:42px minmax(0,1fr)}
 .universal-notification-page-item-v327>a{grid-column:2;justify-self:start}
}