/* central-v134-11-notification-center-rebuild */:root{--mpd-nc-bg:#f4f7fb;--mpd-nc-panel:#ffffff;--mpd-nc-card:#ffffff;--mpd-nc-soft:#f1f5f9;--mpd-nc-line:#dbe4ef;--mpd-nc-line-strong:#c9d5e3;--mpd-nc-text:#101828;--mpd-nc-muted:#64748b;--mpd-nc-faint:#94a3b8;--mpd-nc-accent:#2563eb;--mpd-nc-accent-soft:#eaf1ff;--mpd-nc-danger:#dc2626;--mpd-nc-danger-soft:#fff1f2;--mpd-nc-shadow:0 30px 90px rgba(15,23,42,.28),0 6px 20px rgba(15,23,42,.1)}[data-theme="dark"]{--mpd-nc-bg:#0b1220;--mpd-nc-panel:#111b2d;--mpd-nc-card:#152238;--mpd-nc-soft:#1b2940;--mpd-nc-line:#2a3b55;--mpd-nc-line-strong:#38506e;--mpd-nc-text:#f8fafc;--mpd-nc-muted:#a9b8cc;--mpd-nc-faint:#7f91aa;--mpd-nc-accent:#78a7ff;--mpd-nc-accent-soft:#1a3158;--mpd-nc-danger:#fb7185;--mpd-nc-danger-soft:#3a1d29;--mpd-nc-shadow:0 35px 100px rgba(0,0,0,.55),0 8px 26px rgba(0,0,0,.32)}html.mpd-notification-center-open,body.mpd-notification-center-open{overflow:hidden!important;overscroll-behavior:none}.mpd-notification-layer,.mpd-notification-layer *{box-sizing:border-box}.mpd-notification-layer{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;font-family:inherit}.mpd-notification-layer.is-open{pointer-events:auto;opacity:1;visibility:visible}.mpd-notification-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9)}.mpd-notification-panel{position:relative;width:min(620px,calc(100vw - 32px));max-height:min(84dvh,780px);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--mpd-nc-line) 88%,transparent);border-radius:26px;background:var(--mpd-nc-panel);color:var(--mpd-nc-text);box-shadow:var(--mpd-nc-shadow);transform:translateY(10px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1);outline:none}.mpd-notification-layer.is-open .mpd-notification-panel{transform:translateY(0) scale(1)}.mpd-notification-handle{display:none}.mpd-notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 24px 18px;border-bottom:1px solid var(--mpd-nc-line);background:linear-gradient(180deg,color-mix(in srgb,var(--mpd-nc-panel) 96%,var(--mpd-nc-accent-soft)),var(--mpd-nc-panel))}.mpd-notification-heading{min-width:0}.mpd-notification-kicker{display:block;margin:0 0 7px;color:var(--mpd-nc-muted);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}.mpd-notification-title-row{display:flex;align-items:center;gap:10px;min-width:0}.mpd-notification-title-row h2{margin:0!important;color:var(--mpd-nc-text)!important;font-size:28px!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.035em!important;-webkit-text-fill-color:var(--mpd-nc-text)!important}.mpd-notification-unread-pill{flex:0 0 auto;display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:var(--mpd-nc-accent);color:#fff;font-size:11px;font-weight:800;line-height:1}.mpd-notification-unread-pill.is-clear{background:var(--mpd-nc-soft);color:var(--mpd-nc-muted)}.mpd-notification-heading>p{margin:7px 0 0!important;color:var(--mpd-nc-muted)!important;font-size:13px!important;line-height:1.45!important;-webkit-text-fill-color:var(--mpd-nc-muted)!important}.mpd-notification-close{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;margin:-2px -2px 0 0;padding:0;border:1px solid var(--mpd-nc-line);border-radius:13px;background:var(--mpd-nc-soft);color:var(--mpd-nc-muted);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.mpd-notification-close:hover{background:var(--mpd-nc-accent-soft);color:var(--mpd-nc-accent);transform:translateY(-1px)}.mpd-notification-close svg,.mpd-nc-tool svg,.mpd-notification-group-icon svg,.mpd-notification-group-chevron svg,.mpd-notification-item-icon svg,.mpd-notification-dismiss svg,.mpd-notification-empty svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mpd-notification-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--mpd-nc-line);background:var(--mpd-nc-panel)}.mpd-nc-toolbar-spacer{flex:1}.mpd-nc-tool{min-width:0!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--mpd-nc-muted)!important;font:inherit!important;font-size:11px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;-webkit-text-fill-color:currentColor!important}.mpd-nc-tool svg{width:16px;height:16px}.mpd-nc-tool:hover:not(:disabled){border-color:var(--mpd-nc-line);background:var(--mpd-nc-soft)!important;color:var(--mpd-nc-text)!important}.mpd-nc-tool.is-danger{color:var(--mpd-nc-danger)!important}.mpd-nc-tool.is-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--mpd-nc-danger) 28%,transparent);background:var(--mpd-nc-danger-soft)!important}.mpd-nc-tool:disabled{opacity:.42!important;cursor:not-allowed!important}.mpd-notification-confirm{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--mpd-nc-danger) 24%,var(--mpd-nc-line));background:var(--mpd-nc-danger-soft)}.mpd-notification-confirm[hidden]{display:none!important}.mpd-notification-confirm>div:first-child{min-width:0}.mpd-notification-confirm strong{display:block;color:var(--mpd-nc-text)!important;font-size:12px!important;line-height:1.3!important;-webkit-text-fill-color:var(--mpd-nc-text)!important}.mpd-notification-confirm span{display:block;margin-top:2px;color:var(--mpd-nc-muted)!important;font-size:11px!important;line-height:1.35!important;-webkit-text-fill-color:var(--mpd-nc-muted)!important}.mpd-nc-confirm-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.mpd-nc-confirm-actions button{min-height:31px;padding:6px 10px;border-radius:9px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.mpd-nc-confirm-cancel{border:1px solid var(--mpd-nc-line);background:var(--mpd-nc-panel);color:var(--mpd-nc-muted)}.mpd-nc-confirm-delete{border:1px solid var(--mpd-nc-danger);background:var(--mpd-nc-danger);color:#fff}.mpd-notification-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mpd-nc-line-strong) transparent;padding:14px;background:var(--mpd-nc-bg)}.mpd-notification-scroll::-webkit-scrollbar{width:7px}.mpd-notification-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:var(--mpd-nc-line-strong)}.mpd-notification-groups{display:grid;gap:10px}.mpd-notification-group{overflow:hidden;border:1px solid var(--mpd-nc-line);border-radius:16px;background:var(--mpd-nc-card);box-shadow:0 3px 10px rgba(15,23,42,.035)}.mpd-notification-group-head{width:100%;min-height:64px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 24px;align-items:center;gap:11px;padding:11px 13px;border:0;background:transparent;color:var(--mpd-nc-text);text-align:left;cursor:pointer}.mpd-notification-group-head:hover{background:color-mix(in srgb,var(--mpd-nc-soft) 72%,transparent)}.mpd-notification-group-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--mpd-nc-accent-soft);color:var(--mpd-nc-accent)}.mpd-notification-group-icon svg{width:19px;height:19px}.mpd-notification-group-copy{min-width:0}.mpd-notification-group-copy strong{display:block!important;overflow:hidden;color:var(--mpd-nc-text)!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--mpd-nc-text)!important}.mpd-notification-group-copy small{display:block!important;margin-top:3px!important;overflow:hidden;color:var(--mpd-nc-muted)!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--mpd-nc-muted)!important}.mpd-notification-group-unread{min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--mpd-nc-accent);color:#fff;font-size:10px;font-weight:900;line-height:1}.mpd-notification-group-chevron{display:grid;place-items:center;color:var(--mpd-nc-faint);transition:transform .18s ease}.mpd-notification-group-chevron svg{width:17px;height:17px}.mpd-notification-group.is-open .mpd-notification-group-chevron{transform:rotate(90deg)}.mpd-notification-group-body{border-top:1px solid var(--mpd-nc-line);background:color-mix(in srgb,var(--mpd-nc-bg) 42%,var(--mpd-nc-card))}.mpd-notification-group-body[hidden]{display:none!important}.mpd-notification-item{position:relative;margin:0;border-bottom:1px solid var(--mpd-nc-line);background:transparent}.mpd-notification-item:last-of-type{border-bottom:0}.mpd-notification-item.is-unread{background:color-mix(in srgb,var(--mpd-nc-accent-soft) 50%,var(--mpd-nc-card))}.mpd-notification-open{width:100%;min-height:76px;display:grid;grid-template-columns:35px minmax(0,1fr) 8px;align-items:start;gap:10px;padding:12px 43px 12px 13px;border:0;background:transparent;color:var(--mpd-nc-text);text-align:left;cursor:pointer}.mpd-notification-open:hover{background:color-mix(in srgb,var(--mpd-nc-soft) 58%,transparent)}.mpd-notification-item-icon{width:35px;height:35px;display:grid;place-items:center;margin-top:1px;border-radius:11px;background:var(--mpd-nc-soft);color:var(--mpd-nc-muted)}.mpd-notification-item.is-unread .mpd-notification-item-icon{background:var(--mpd-nc-accent-soft);color:var(--mpd-nc-accent)}.mpd-notification-item-icon svg{width:17px;height:17px}.mpd-notification-copy{min-width:0}.mpd-notification-item-top{display:flex!important;align-items:baseline!important;gap:8px!important;min-width:0!important}.mpd-notification-item-top strong{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--mpd-nc-text)!important;font-size:12px!important;font-weight:750!important;line-height:1.3!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--mpd-nc-text)!important}.mpd-notification-item-top time{flex:0 0 auto;color:var(--mpd-nc-faint)!important;font-size:9px!important;font-weight:700!important;line-height:1!important;-webkit-text-fill-color:var(--mpd-nc-faint)!important}.mpd-notification-body{display:-webkit-box!important;margin-top:3px!important;overflow:hidden!important;color:var(--mpd-nc-muted)!important;font-size:11px!important;font-weight:500!important;line-height:1.38!important;white-space:normal!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;-webkit-text-fill-color:var(--mpd-nc-muted)!important}.mpd-notification-context{display:block!important;margin-top:5px!important;overflow:hidden;color:var(--mpd-nc-accent)!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--mpd-nc-accent)!important}.mpd-notification-dot{width:7px;height:7px;align-self:center;border-radius:999px;background:var(--mpd-nc-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--mpd-nc-accent) 12%,transparent)}.mpd-notification-dismiss{position:absolute;top:9px;right:9px;width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--mpd-nc-faint);cursor:pointer}.mpd-notification-dismiss:hover{background:var(--mpd-nc-danger-soft);color:var(--mpd-nc-danger)}.mpd-notification-dismiss svg{width:14px;height:14px}.mpd-notification-limit{padding:9px 12px;border-top:1px solid var(--mpd-nc-line);color:var(--mpd-nc-faint);font-size:9px;font-weight:700;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.08em}.mpd-notification-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.mpd-notification-empty>span{width:56px;height:56px;display:grid;place-items:center;margin-bottom:14px;border-radius:18px;background:var(--mpd-nc-accent-soft);color:var(--mpd-nc-accent)}.mpd-notification-empty svg{width:25px;height:25px}.mpd-notification-empty strong{color:var(--mpd-nc-text)!important;font-size:15px!important;line-height:1.3!important;-webkit-text-fill-color:var(--mpd-nc-text)!important}.mpd-notification-empty p{max-width:260px;margin:6px 0 0!important;color:var(--mpd-nc-muted)!important;font-size:12px!important;line-height:1.5!important;-webkit-text-fill-color:var(--mpd-nc-muted)!important}.mpd-notification-layer.is-busy .mpd-notification-scroll{pointer-events:none;opacity:.72}.mpd-notification-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:2147483647;max-width:min(420px,calc(100vw - 28px));padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101828;color:#fff;box-shadow:0 16px 38px rgba(15,23,42,.28);font-size:12px;font-weight:700;line-height:1.4;text-align:center;opacity:0;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease}.mpd-notification-toast.is-visible{opacity:1;transform:translate(-50%,0)}.mpd-notification-toast.is-bad{background:#991b1b}@media(max-width:680px){.mpd-notification-layer{place-items:end center;padding:0}.mpd-notification-backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.mpd-notification-panel{width:100%;max-height:min(92dvh,920px);border-width:1px 0 0;border-radius:23px 23px 0 0;transform:translateY(28px)}.mpd-notification-layer.is-open .mpd-notification-panel{transform:translateY(0)}.mpd-notification-handle{display:block;width:42px;height:4px;flex:0 0 4px;margin:8px auto 0;border-radius:999px;background:var(--mpd-nc-line-strong)}.mpd-notification-header{padding:14px 16px 13px;gap:12px}.mpd-notification-kicker{font-size:9px;margin-bottom:5px}.mpd-notification-title-row{gap:8px}.mpd-notification-title-row h2{font-size:23px!important}.mpd-notification-unread-pill{min-height:21px;padding:3px 7px;font-size:9px}.mpd-notification-heading>p{margin-top:5px!important;font-size:11px!important}.mpd-notification-close{width:36px;height:36px;flex-basis:36px;border-radius:11px}.mpd-notification-toolbar{padding:8px 10px;gap:5px}.mpd-nc-tool{min-height:32px!important;padding:7px 8px!important;border-radius:9px!important}.mpd-nc-tool span{display:none}.mpd-nc-tool svg{width:17px;height:17px}.mpd-notification-confirm{align-items:flex-start;flex-direction:column;padding:10px 12px;gap:9px}.mpd-nc-confirm-actions{width:100%;justify-content:flex-end}.mpd-notification-scroll{padding:10px 10px max(14px,env(safe-area-inset-bottom))}.mpd-notification-groups{gap:8px}.mpd-notification-group{border-radius:14px}.mpd-notification-group-head{min-height:59px;grid-template-columns:36px minmax(0,1fr) auto 21px;gap:9px;padding:10px}.mpd-notification-group-icon{width:36px;height:36px;border-radius:11px}.mpd-notification-group-copy strong{font-size:12px!important}.mpd-notification-group-copy small{font-size:9px!important}.mpd-notification-open{min-height:72px;grid-template-columns:32px minmax(0,1fr) 7px;gap:9px;padding:11px 39px 11px 10px}.mpd-notification-item-icon{width:32px;height:32px;border-radius:10px}.mpd-notification-item-top strong{font-size:11px!important}.mpd-notification-body{font-size:10px!important}.mpd-notification-dismiss{top:8px;right:7px;width:26px;height:26px}.mpd-notification-empty{min-height:260px}}@media(max-height:650px) and (min-width:681px){.mpd-notification-panel{max-height:92dvh}.mpd-notification-header{padding-top:18px;padding-bottom:14px}}@media(prefers-reduced-motion:reduce){.mpd-notification-layer,.mpd-notification-panel,.mpd-notification-group-chevron,.mpd-notification-toast{transition:none!important}}