.notification-center,.notification-trigger{position:relative;display:inline-flex;align-items:center}.notification-trigger{justify-content:center;width:40px;height:40px;border-radius:16px;border:1px solid rgba(126,244,214,.45);background:linear-gradient(160deg,rgba(255,255,255,.76),rgba(126,244,214,.16)),radial-gradient(120% 120% at 20% 20%,rgba(126,244,214,.22),transparent 60%);box-shadow:0 14px 34px rgba(84,196,250,.16);color:#0c8bc6;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;cursor:pointer}.notification-trigger:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(84,196,250,.22);border-color:rgba(126,244,214,.62)}.notification-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(126,244,214,.3),0 16px 36px rgba(84,196,250,.2)}.notification-trigger[data-has-unread=true],.notification-trigger[data-open=true]{color:#f0583e;border-color:rgba(240,88,62,.38);box-shadow:0 18px 44px rgba(240,88,62,.24)}.notification-trigger[data-open=true] .notification-icon{color:#f0583e}.notification-icon{width:22px;height:22px;stroke-width:1.8;color:var(--notification-icon-color,#7ef4d6);transition:color .16s ease}.notification-icon.is-highlighted{color:var(--notification-icon-highlight,#54c4fa)}.notification-badge{position:absolute;top:0;right:0;transform:translate(42%,-42%);min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.82),rgba(126,244,214,.34)),radial-gradient(140% 160% at 20% 15%,rgba(255,255,255,.65),transparent 62%),radial-gradient(160% 120% at 86% 10%,rgba(84,196,250,.25),transparent 78%);color:#f0583e;font-size:11px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(126,244,214,.45);box-shadow:0 12px 22px rgba(84,196,250,.2),inset 0 0 0 1px rgba(126,244,214,.35);backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);text-shadow:none;font-variant-numeric:tabular-nums;transition:transform .16s ease,box-shadow .16s ease}.notification-trigger:hover .notification-badge,.notification-trigger[data-open=true] .notification-badge{transform:translate(42%,-46%);box-shadow:0 16px 30px rgba(84,196,250,.25),inset 0 0 0 1px rgba(126,244,214,.42)}.notification-badge:after{content:"";position:absolute;inset:3px;border-radius:999px;background:linear-gradient(155deg,rgba(255,255,255,.58),rgba(255,255,255,0));opacity:.7;pointer-events:none}.notification-panel{position:fixed;width:clamp(300px,88vw,380px);border-radius:26px;border:1.2px solid rgba(126,244,214,.46);background:radial-gradient(140% 120% at 85% -20%,rgba(126,244,214,.26),transparent 72%),radial-gradient(160% 130% at 14% 120%,rgba(84,196,250,.18),transparent 78%),linear-gradient(154deg,rgba(255,255,255,.94),rgba(230,248,255,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 28px 66px rgba(84,196,250,.22),0 16px 36px rgba(54,170,150,.18);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .2s ease;z-index:2147483644}.notification-panel[data-open=true]{opacity:1;transform:translateY(0);pointer-events:auto}.notification-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px 18px;gap:18px;background:radial-gradient(140% 120% at 12% -40%,rgba(126,244,214,.2),transparent 70%),linear-gradient(162deg,rgba(240,252,255,.88),rgba(230,248,255,.82));border-bottom:1px solid rgba(126,244,214,.32)}.notification-panel__heading{flex:1 1 auto;min-width:0}.notification-panel__title{margin:0;font-size:15px;font-weight:600;color:#0c1a20}.notification-panel__subtitle{margin:6px 0 0;font-size:12px;color:rgba(15,66,120,.7)}.notification-panel__actions{display:inline-flex;align-items:center;gap:12px}.notification-panel__action{border:1px solid rgba(132,184,248,.4);background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(230,242,255,.78));color:rgba(22,82,146,.78);font-size:12px;font-weight:600;padding:7px 14px;border-radius:999px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 24px rgba(88,150,222,.18);transition:color .14s ease,transform .16s ease,box-shadow .16s ease,border-color .14s ease}.notification-panel__action:hover{transform:translateY(-1px);color:#f0583e;border-color:rgba(240,88,62,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 16px 26px rgba(240,88,62,.24)}.notification-panel__action:disabled,.notification-panel__action[aria-disabled=true]{opacity:.6;cursor:default}.notification-panel__action--icon{padding:8px 10px;min-width:0}.notification-panel__action-img{width:18px;height:18px;display:block;filter:drop-shadow(0 1px 1px rgba(255,255,255,.5))}.notification-panel__action-img.is-spinning{animation:notification-refresh-spin .9s linear infinite}@keyframes notification-refresh-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-panel__list{max-height:380px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-color:rgba(255,138,61,.7) rgba(255,138,61,.14);padding:12px 18px 22px;background:radial-gradient(160% 120% at 18% -24%,rgba(126,244,214,.16),transparent 74%),linear-gradient(180deg,rgba(255,255,255,.42),rgba(230,248,255,.14));display:flex;flex-direction:column;gap:14px}.notification-panel__list::-webkit-scrollbar{width:6px}.notification-panel__list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,156,94,.95),rgba(255,106,43,.85));box-shadow:0 4px 10px rgba(255,106,43,.18);border-radius:999px}.notification-panel__list::-webkit-scrollbar-track{background:rgba(255,138,61,.08)}.notification-row{width:100%;display:flex;align-items:flex-start;gap:16px;padding:18px 20px 46px;border-radius:26px;position:relative;background:linear-gradient(175deg,rgba(126,244,214,.16),rgba(84,196,250,.14));border:1px solid rgba(126,244,214,.4);box-shadow:0 18px 40px rgba(84,196,250,.18),0 10px 26px rgba(84,196,250,.12);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);transition:transform .16s ease,box-shadow .18s ease,border-color .16s ease,background .18s ease}.notification-row[data-read=false]{border-color:rgba(126,244,214,.52);box-shadow:0 22px 48px rgba(84,196,250,.22),0 12px 30px rgba(84,196,250,.14)}.notification-row:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(84,196,250,.2),0 16px 36px rgba(84,196,250,.18);border-color:rgba(126,244,214,.48)}.notification-row[data-focus=true]{border-color:rgba(126,244,214,.6);box-shadow:0 24px 56px rgba(84,196,250,.22),0 16px 38px rgba(84,196,250,.18);animation:notification-row-focus 2.6s ease-in-out infinite}@keyframes notification-row-focus{0%{transform:translateY(0);box-shadow:0 14px 30px rgba(84,196,250,.14)}50%{transform:translateY(-2px);box-shadow:0 26px 50px rgba(84,196,250,.22)}to{transform:translateY(0);box-shadow:0 14px 30px rgba(84,196,250,.14)}}.notification-row[data-tone=critical]{background:linear-gradient(176deg,rgba(255,236,232,.9),rgba(255,221,216,.84));border-color:rgba(239,68,68,.42);box-shadow:0 20px 46px rgba(239,68,68,.22),0 12px 30px rgba(239,68,68,.16)}.notification-row[data-tone=critical][data-read=false]{border-color:rgba(239,68,68,.5);box-shadow:0 24px 52px rgba(239,68,68,.26),0 14px 34px rgba(239,68,68,.18)}.notification-row[data-tone=critical]:hover{border-color:rgba(220,38,38,.56);box-shadow:0 26px 56px rgba(220,38,38,.28),0 16px 36px rgba(220,38,38,.2)}.notification-row[data-tone=critical] .notification-row__title{color:rgba(127,29,29,.95)}.notification-row[data-tone=critical] .notification-row__body{color:rgba(127,29,29,.74)}.notification-row[data-tone=critical] .notification-row__when{color:#dc2626}.notification-row[data-tone=critical] .notification-row__status-pill[data-variant=warning]{--notification-status-color:#dc2626}.notification-row__button{flex:1 1 auto;border:none;background:transparent;display:flex;align-items:flex-start;gap:14px;padding:0;text-align:left;cursor:pointer}.notification-row__button:focus-visible{outline:2px solid rgba(12,139,198,.35);outline-offset:2px}.notification-row__archive{align-self:center;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;width:32px;height:32px;border-radius:8px;cursor:pointer;box-shadow:none;transition:color .14s ease;flex-shrink:0;color:#ef4444}.notification-row__archive:hover{color:#dc2626}.notification-row__archive:focus-visible{outline:none;color:#dc2626}.notification-row__archive-icon{width:20px;height:20px;display:block;pointer-events:none}.notification-row__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.notification-row__aside{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);flex:0 0 auto;flex-shrink:0;min-width:0;display:flex;justify-content:center;text-align:center;align-self:flex-end}.notification-row__when{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;font-size:11px;font-weight:600;color:#f97316;background:none;border:none;box-shadow:none;white-space:nowrap;line-height:1.1;letter-spacing:.01em;font-variant-numeric:tabular-nums}.notification-row__title{margin:0;font-size:15px;font-weight:700;color:rgba(16,52,108,.94)}.notification-row__body{margin:0;font-size:13px;line-height:1.5;color:rgba(34,62,98,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-row__status-pill{--notification-status-bg:rgba(0,182,134,0.18);--notification-status-border:rgba(0,182,134,0.38);--notification-status-color:#00b686;display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:0;min-height:0;border-radius:0;font-size:13px;font-weight:600;letter-spacing:.01em;background:none;border:none;color:var(--notification-status-color);width:fit-content;max-width:100%;line-height:1.2;position:relative}.notification-row__status-pill--leading{flex-shrink:0;align-self:center;margin-top:0}.notification-row__status-pill[data-variant=warning]{--notification-status-bg:rgba(255,122,60,0.18);--notification-status-border:rgba(255,122,60,0.42);--notification-status-color:#ff7a3c}.notification-row__status-pill[data-variant=error]{--notification-status-bg:rgba(255,79,104,0.2);--notification-status-border:rgba(255,79,104,0.38);--notification-status-color:#ff4f68}.notification-row__status-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;border:none;background:transparent;color:var(--notification-status-color);box-shadow:none}.notification-row__status-pill-text{display:inline-block}.notification-row__meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(30,70,112,.58)}.notification-row__meta-link{font-weight:600;text-decoration:underline;text-underline-offset:3px;color:rgba(18,102,182,.86)}.notification-panel__empty{padding:58px 26px 54px;text-align:center;font-size:14px;color:rgba(34,72,120,.64);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(160% 130% at 16% -28%,rgba(126,244,214,.18),transparent 72%),radial-gradient(150% 120% at 88% 14%,rgba(84,196,250,.16),transparent 70%),linear-gradient(174deg,rgba(255,255,255,.95),rgba(232,249,246,.9));border-radius:18px;border:1px solid rgba(126,244,214,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 18px 38px rgba(84,196,250,.18)}.notification-panel__empty-icon{width:auto;height:auto;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;animation:none;color:rgba(86,100,120,.7)}.notification-panel__empty-icon-img{width:44px;height:44px;display:block;color:inherit}.notification-panel__empty-title{margin:6px 0 0;font-size:16px;font-weight:700;color:rgba(16,52,108,.94)}.notification-panel__empty-body{margin:0;font-size:13px;line-height:1.5;max-width:240px;color:rgba(34,72,120,.7)}@keyframes notification-empty-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.notification-panel__loader{padding:0;background:none;border:none;box-shadow:none;gap:0}.notification-panel__loader .loading-indicator__halo,.notification-panel__loader:after{display:none}.notification-panel__loader .loading-indicator__spinner{width:1.2rem;height:1.2rem;box-shadow:none;background:none}.notification-panel__footer{padding:14px 20px 18px;border-top:1px solid rgba(140,196,252,.24);background:radial-gradient(160% 140% at 78% -20%,rgba(186,214,255,.28),transparent 74%),linear-gradient(180deg,rgba(255,255,255,.78),rgba(240,248,255,.64))}.notification-panel__load{width:100%;border:1px solid rgba(142,196,252,.4);border-radius:18px;padding:11px 14px;font-size:13px;font-weight:600;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(236,246,255,.76));color:rgba(24,86,150,.78);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 26px rgba(104,158,228,.18);transition:color .14s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease}.notification-panel__load:hover{transform:translateY(-1px);border-color:rgba(240,88,62,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 30px rgba(240,88,62,.22);color:#f0583e}[data-theme=dark] .notification-trigger{background:rgba(16,23,25,.92);border-color:rgba(240,88,62,.3);box-shadow:0 18px 44px rgba(0,0,0,.55);color:#cbf0ff}[data-theme=dark] .notification-trigger[data-has-unread=true],[data-theme=dark] .notification-trigger[data-open=true]{color:#ff8d66;border-color:rgba(255,128,90,.48);box-shadow:0 20px 48px rgba(255,128,90,.32)}[data-theme=dark] .notification-trigger[data-open=true] .notification-icon{color:#ff8d66}[data-theme=dark] .notification-badge{background:linear-gradient(160deg,rgba(30,44,60,.8),rgba(18,32,50,.72)),radial-gradient(150% 180% at 28% 20%,rgba(126,244,214,.2),transparent 64%),radial-gradient(140% 140% at 82% 10%,rgba(84,196,250,.2),transparent 80%);color:#f0583e;border-color:rgba(126,244,214,.35);box-shadow:0 14px 32px rgba(0,0,0,.55),inset 0 0 0 1px rgba(126,244,214,.32)}[data-theme=dark] .notification-panel{background:radial-gradient(160% 120% at 88% -18%,rgba(58,186,166,.26),transparent 72%),radial-gradient(140% 120% at 12% 120%,rgba(26,46,78,.76),transparent 82%),linear-gradient(162deg,rgba(16,26,48,.95),rgba(10,18,32,.9));border-color:rgba(90,200,178,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 72px rgba(0,0,0,.7)}[data-theme=dark] .notification-panel__header{background:radial-gradient(140% 120% at 10% -30%,rgba(58,186,166,.22),transparent 74%),linear-gradient(168deg,rgba(22,38,70,.9),rgba(12,22,40,.84));border-bottom-color:rgba(90,200,178,.5)}[data-theme=dark] .notification-panel__title{color:#f8fbff}[data-theme=dark] .notification-panel__subtitle{color:rgba(196,214,244,.72)}[data-theme=dark] .notification-panel__action{border-color:rgba(86,138,214,.46);background:linear-gradient(150deg,rgba(32,54,96,.92),rgba(22,40,76,.88));color:rgba(214,234,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 28px rgba(0,0,0,.55)}[data-theme=dark] .notification-panel__action:hover{color:#ff8d66;border-color:rgba(255,128,90,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 34px rgba(255,128,90,.32)}[data-theme=dark] .notification-panel__list{background:radial-gradient(160% 120% at 12% -20%,rgba(58,186,166,.2),transparent 74%),linear-gradient(180deg,rgba(18,30,52,.84),rgba(10,16,30,.78));scrollbar-color:rgba(255,189,141,.75) rgba(255,138,61,.24)}[data-theme=dark] .notification-panel__list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,198,153,.95),rgba(255,136,82,.85));box-shadow:0 4px 10px rgba(255,136,82,.24)}[data-theme=dark] .notification-panel__list::-webkit-scrollbar-track{background:rgba(255,138,61,.18)}[data-theme=dark] .notification-row{background:linear-gradient(178deg,rgba(28,42,74,.94),rgba(16,24,46,.9));border-color:rgba(126,182,255,.34);box-shadow:0 22px 44px rgba(0,0,0,.65),inset 0 0 0 1px rgba(126,182,255,.14);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}[data-theme=dark] .notification-row[data-read=false]{border-color:rgba(126,182,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 50px rgba(126,182,255,.22)}[data-theme=dark] .notification-row:hover{border-color:rgba(126,182,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 52px rgba(126,182,255,.24)}[data-theme=dark] .notification-row[data-focus=true]{border-color:rgba(126,182,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 28px 56px rgba(126,182,255,.26)}[data-theme=dark] .notification-row[data-tone=critical]{background:linear-gradient(176deg,rgba(72,20,28,.92),rgba(52,14,22,.9));border-color:rgba(248,113,113,.48);box-shadow:0 24px 48px rgba(0,0,0,.66),inset 0 0 0 1px rgba(248,113,113,.2)}[data-theme=dark] .notification-row[data-tone=critical][data-read=false]{border-color:rgba(248,113,113,.58);box-shadow:0 26px 52px rgba(0,0,0,.68),inset 0 0 0 1px rgba(248,113,113,.28)}[data-theme=dark] .notification-row[data-tone=critical]:hover{border-color:rgba(252,165,165,.6)}[data-theme=dark] .notification-row[data-tone=critical] .notification-row__title{color:rgba(254,226,226,.98)}[data-theme=dark] .notification-row[data-tone=critical] .notification-row__body{color:rgba(254,202,202,.86)}[data-theme=dark] .notification-row[data-tone=critical] .notification-row__when{color:#fca5a5}[data-theme=dark] .notification-row[data-tone=critical] .notification-row__status-pill[data-variant=warning]{--notification-status-color:#fca5a5}[data-theme=dark] .notification-row__button:focus-visible{outline-color:rgba(144,196,255,.4)}[data-theme=dark] .notification-row__archive{border:none;background:transparent;color:#ef4444;box-shadow:none}[data-theme=dark] .notification-row__archive:hover{color:#dc2626}[data-theme=dark] .notification-row__archive:focus-visible{color:#dc2626;box-shadow:none}[data-theme=dark] .notification-row__when{background:none;border:none;box-shadow:none;color:#f97316}[data-theme=dark] .notification-row__title{color:rgba(234,240,255,.98)}[data-theme=dark] .notification-row__body{color:rgba(198,214,246,.78)}[data-theme=dark] .notification-row__status-pill{--notification-status-bg:rgba(0,182,134,0.22);--notification-status-border:rgba(0,182,134,0.5);--notification-status-color:#98f7d3;background:none;border:none;box-shadow:none}[data-theme=dark] .notification-row__status-pill[data-variant=warning]{--notification-status-bg:rgba(255,122,60,0.24);--notification-status-border:rgba(255,122,60,0.5);--notification-status-color:#ffc39a}[data-theme=dark] .notification-row__status-pill[data-variant=error]{--notification-status-bg:rgba(255,79,104,0.26);--notification-status-border:rgba(255,79,104,0.5);--notification-status-color:#ffb5c1}[data-theme=dark] .notification-row__meta{color:rgba(164,188,226,.72)}[data-theme=dark] .notification-row__meta-link{color:rgba(174,214,255,.9)}[data-theme=dark] .notification-panel__empty{color:rgba(196,214,244,.86);background:radial-gradient(150% 120% at 12% -22%,rgba(58,186,166,.2),transparent 72%),radial-gradient(160% 120% at 88% 16%,rgba(84,196,250,.16),transparent 72%),linear-gradient(174deg,rgba(18,30,54,.92),rgba(10,18,32,.86));border-color:rgba(90,200,178,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 44px rgba(0,0,0,.62)}[data-theme=dark] .notification-panel__empty-title{color:rgba(234,240,255,.94)}[data-theme=dark] .notification-panel__empty-body{color:rgba(188,208,242,.78)}[data-theme=dark] .notification-panel__empty-icon{background:none;border:none;box-shadow:none;color:rgba(172,186,204,.7)}[data-theme=dark] .notification-panel__footer{background:radial-gradient(130% 110% at 80% -10%,rgba(70,118,204,.24),transparent 76%),linear-gradient(182deg,rgba(18,30,54,.88),rgba(10,18,32,.84));border-top-color:rgba(92,148,228,.34)}[data-theme=dark] .notification-panel__load{border-color:rgba(90,146,220,.5);background:linear-gradient(150deg,rgba(36,60,104,.94),rgba(26,44,80,.9));color:rgba(216,234,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.55)}[data-theme=dark] .notification-panel__load:hover{color:#ffb08a;border-color:rgba(255,128,90,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 36px rgba(255,128,90,.32)}[data-theme=dark] .notification-critical-banner{--notification-banner-border:rgba(255,148,108,0.36);--notification-banner-ambient:rgba(255,128,90,0.18);--notification-banner-highlight:rgba(96,148,220,0.34);--notification-banner-surface:rgba(20,30,52,0.92);--notification-banner-shadow:rgba(0,0,0,0.68);--notification-banner-title:#fee2e2;--notification-banner-body:#fecaca;--notification-banner-icon-bg:radial-gradient(140% 120% at 24% 18%,rgba(255,224,214,0.35),transparent 64%),linear-gradient(150deg,rgba(255,154,110,0.95),rgba(255,114,84,0.9));--notification-banner-icon-shadow:rgba(0,0,0,0.6);--notification-banner-icon-border:rgba(255,255,255,0.25);--notification-banner-icon-color:#ffe2d6;--notification-banner-icon-mask:#ff8a63;--notification-banner-action-primary-bg:radial-gradient(128% 120% at 16% -24%,rgba(255,224,214,0.3),transparent 68%),linear-gradient(152deg,rgba(255,140,100,0.92),rgba(255,104,80,0.92));--notification-banner-action-primary-border:rgba(255,200,176,0.45);--notification-banner-action-primary-color:#fff4ec;--notification-banner-action-primary-shadow:rgba(0,0,0,0.62);--notification-banner-action-secondary-bg:radial-gradient(130% 118% at 16% -20%,rgba(255,224,214,0.3),transparent 68%),linear-gradient(150deg,rgba(36,48,70,0.88),rgba(24,34,56,0.84));--notification-banner-action-secondary-border:rgba(255,140,96,0.32);--notification-banner-action-secondary-color:#fca5a5;--notification-banner-action-secondary-shadow:rgba(255,128,90,0.28)}[data-theme=dark] .notification-critical-banner[data-tone=important]{--notification-banner-border:rgba(253,224,138,0.4);--notification-banner-ambient:rgba(251,191,36,0.24);--notification-banner-highlight:rgba(253,245,213,0.25);--notification-banner-surface:rgba(36,28,12,0.92);--notification-banner-shadow:rgba(0,0,0,0.64);--notification-banner-title:#fde68a;--notification-banner-body:#fcd34d;--notification-banner-icon-bg:radial-gradient(140% 120% at 24% 18%,rgba(253,230,138,0.6),transparent 64%),linear-gradient(150deg,rgba(250,204,21,0.95),rgba(251,191,36,0.9));--notification-banner-icon-color:#fffbea;--notification-banner-icon-mask:#fbbf24;--notification-banner-icon-shadow:rgba(0,0,0,0.55);--notification-banner-action-primary-bg:radial-gradient(130% 120% at 18% -18%,rgba(254,240,199,0.42),transparent 66%),linear-gradient(148deg,rgba(251,211,141,0.92),rgba(250,204,21,0.88));--notification-banner-action-primary-border:rgba(254,215,170,0.52);--notification-banner-action-primary-color:#fff7ed;--notification-banner-action-primary-shadow:rgba(0,0,0,0.58);--notification-banner-action-secondary-bg:radial-gradient(130% 118% at 16% -20%,rgba(251,191,36,0.2),transparent 68%),linear-gradient(150deg,rgba(50,30,10,0.88),rgba(34,24,10,0.84));--notification-banner-action-secondary-border:rgba(251,191,36,0.32);--notification-banner-action-secondary-color:#fcd34d;--notification-banner-action-secondary-shadow:rgba(251,191,36,0.26)}[data-theme=dark] .notification-critical-banner[data-tone=info]{--notification-banner-border:rgba(110,231,183,0.32);--notification-banner-ambient:rgba(34,197,94,0.18);--notification-banner-highlight:rgba(56,189,248,0.24);--notification-banner-surface:rgba(10,26,28,0.9);--notification-banner-shadow:rgba(0,0,0,0.62);--notification-banner-title:#bbf7d0;--notification-banner-body:#a5f3fc;--notification-banner-icon-bg:radial-gradient(140% 120% at 24% 18%,rgba(134,239,172,0.45),transparent 64%),linear-gradient(150deg,rgba(45,212,191,0.92),rgba(6,182,212,0.9));--notification-banner-icon-color:#ecfeff;--notification-banner-icon-mask:#2dd4bf;--notification-banner-icon-shadow:rgba(0,0,0,0.52);--notification-banner-action-primary-bg:radial-gradient(130% 120% at 18% -18%,rgba(134,239,172,0.38),transparent 66%),linear-gradient(148deg,rgba(59,211,192,0.92),rgba(14,165,233,0.9));--notification-banner-action-primary-border:rgba(165,243,252,0.52);--notification-banner-action-primary-color:#ecfeff;--notification-banner-action-primary-shadow:rgba(0,0,0,0.58);--notification-banner-action-secondary-bg:radial-gradient(130% 118% at 16% -20%,rgba(6,182,212,0.22),transparent 68%),linear-gradient(150deg,rgba(12,32,44,0.88),rgba(6,24,36,0.84));--notification-banner-action-secondary-border:rgba(13,148,136,0.32);--notification-banner-action-secondary-color:#99f6e4;--notification-banner-action-secondary-shadow:rgba(13,148,136,0.28)}.notification-critical-banner{--notification-banner-highlight:rgba(255,255,255,0.8);--notification-banner-border:rgba(240,88,62,0.32);--notification-banner-ambient:rgba(240,88,62,0.16);--notification-banner-surface:rgba(255,244,240,0.48);--notification-banner-shadow:rgba(240,88,62,0.18);--notification-banner-title:#7f1d1d;--notification-banner-body:#7f1d1d;--notification-banner-icon-bg:radial-gradient(140% 120% at 20% 12%,rgba(255,255,255,0.68),transparent 62%),linear-gradient(148deg,rgba(255,115,86,0.92),rgba(240,88,62,0.82));--notification-banner-icon-shadow:rgba(240,88,62,0.32);--notification-banner-icon-border:rgba(255,255,255,0.6);--notification-banner-icon-color:#fff;--notification-banner-icon-mask:#f0583e;--notification-banner-action-primary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.55),transparent 62%),linear-gradient(148deg,rgba(255,132,92,0.96),rgba(240,88,62,0.9));--notification-banner-action-primary-border:rgba(255,224,214,0.48);--notification-banner-action-primary-color:#fff;--notification-banner-action-primary-shadow:rgba(240,88,62,0.26);--notification-banner-action-secondary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.68),transparent 66%),linear-gradient(148deg,rgba(255,255,255,0.85),rgba(255,235,226,0.42));--notification-banner-action-secondary-border:rgba(240,88,62,0.26);--notification-banner-action-secondary-color:#b91c1c;--notification-banner-action-secondary-shadow:rgba(185,28,28,0.2);margin-bottom:16px;padding:16px 20px;border-radius:16px;position:relative;border:1.1px solid var(--notification-banner-border);background:radial-gradient(150% 130% at 14% -36%,var(--notification-banner-highlight),transparent 74%),radial-gradient(180% 150% at 88% 140%,var(--notification-banner-ambient),transparent 86%),linear-gradient(154deg,rgba(255,255,255,.92),var(--notification-banner-surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 28px 52px var(--notification-banner-shadow);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;isolation:isolate}.notification-critical-banner[data-tone=important]{--notification-banner-border:rgba(253,186,116,0.42);--notification-banner-ambient:rgba(251,191,36,0.2);--notification-banner-surface:rgba(255,247,230,0.5);--notification-banner-shadow:rgba(249,115,22,0.18);--notification-banner-title:#7c2d12;--notification-banner-body:#92400e;--notification-banner-icon-bg:radial-gradient(140% 120% at 18% 12%,rgba(255,255,255,0.68),transparent 62%),linear-gradient(148deg,rgba(253,186,116,0.92),rgba(234,179,8,0.82));--notification-banner-icon-shadow:rgba(249,115,22,0.26);--notification-banner-icon-border:rgba(255,255,255,0.7);--notification-banner-icon-mask:#f59e0b;--notification-banner-action-primary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.55),transparent 62%),linear-gradient(148deg,rgba(253,208,137,0.96),rgba(250,204,21,0.9));--notification-banner-action-primary-border:rgba(254,215,170,0.6);--notification-banner-action-primary-color:#7c2d12;--notification-banner-action-primary-shadow:rgba(249,115,22,0.24);--notification-banner-action-secondary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.74),transparent 66%),linear-gradient(148deg,rgba(255,255,255,0.9),rgba(254,240,199,0.5));--notification-banner-action-secondary-border:rgba(249,115,22,0.26);--notification-banner-action-secondary-color:#b45309;--notification-banner-action-secondary-shadow:rgba(249,115,22,0.18)}.notification-critical-banner[data-tone=info]{--notification-banner-border:rgba(110,231,183,0.4);--notification-banner-ambient:rgba(16,185,129,0.16);--notification-banner-surface:rgba(234,250,246,0.5);--notification-banner-shadow:rgba(16,185,129,0.18);--notification-banner-title:#065f46;--notification-banner-body:#0f3050;--notification-banner-icon-bg:radial-gradient(140% 120% at 18% 12%,rgba(255,255,255,0.72),transparent 62%),linear-gradient(148deg,rgba(110,231,183,0.92),rgba(59,199,168,0.85));--notification-banner-icon-shadow:rgba(16,185,129,0.24);--notification-banner-icon-border:rgba(255,255,255,0.66);--notification-banner-icon-mask:#0f766e;--notification-banner-action-primary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.58),transparent 62%),linear-gradient(148deg,rgba(134,239,172,0.96),rgba(45,212,191,0.9));--notification-banner-action-primary-border:rgba(204,251,241,0.64);--notification-banner-action-primary-color:#064e3b;--notification-banner-action-primary-shadow:rgba(45,212,191,0.22);--notification-banner-action-secondary-bg:radial-gradient(130% 120% at 18% -18%,rgba(255,255,255,0.74),transparent 66%),linear-gradient(148deg,rgba(255,255,255,0.88),rgba(224,242,254,0.45));--notification-banner-action-secondary-border:rgba(13,148,136,0.26);--notification-banner-action-secondary-color:#0f766e;--notification-banner-action-secondary-shadow:rgba(13,148,136,0.16)}.notification-critical-banner__content{display:flex;align-items:flex-start;gap:14px;flex:1 1 auto;min-width:0}.notification-critical-banner__icon{width:30px;height:30px;border-radius:50%;background:var(--notification-banner-icon-bg);color:var(--notification-banner-icon-color);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 16px 32px var(--notification-banner-icon-shadow);border:1px solid var(--notification-banner-icon-border);position:relative;overflow:hidden}.notification-critical-banner__icon[data-has-image=true]{font-size:0}.notification-critical-banner__icon-img{width:72%;height:72%;display:block;background-color:var(--notification-banner-icon-mask);mask-image:var(--notification-banner-icon-img);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:var(--notification-banner-icon-img);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;filter:drop-shadow(0 2px 4px rgba(255,255,255,.45))}.notification-critical-banner__title{margin:0;font-size:15px;font-weight:700;color:var(--notification-banner-title)}.notification-critical-banner__body{margin:4px 0 0;font-size:13px;color:var(--notification-banner-body)}.notification-critical-banner__actions{display:inline-flex;align-items:center;gap:8px}.notification-critical-banner__action-primary,.notification-critical-banner__action-secondary{border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.notification-critical-banner__action-primary{background:var(--notification-banner-action-primary-bg);border-color:var(--notification-banner-action-primary-border);color:var(--notification-banner-action-primary-color);box-shadow:0 16px 32px var(--notification-banner-action-primary-shadow)}.notification-critical-banner__action-primary:hover{transform:translateY(-1px);box-shadow:0 20px 38px var(--notification-banner-action-primary-shadow)}.notification-critical-banner__action-secondary{background:var(--notification-banner-action-secondary-bg);border-color:var(--notification-banner-action-secondary-border);color:var(--notification-banner-action-secondary-color);box-shadow:0 12px 24px var(--notification-banner-action-secondary-shadow)}.notification-critical-banner__action-secondary:hover{transform:translateY(-1px);box-shadow:0 12px 24px var(--notification-banner-action-secondary-shadow)}@media (prefers-reduced-motion:reduce){.notification-panel,.notification-panel__action,.notification-panel__load,.notification-row,.notification-trigger{transition:none}.notification-panel__list[aria-busy=true]:after{animation:none}}@keyframes notification-progress{0%{background-position:-120px}to{background-position:120px}}