.notification-center{position:relative;display:inline-flex}.notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172ab8;color:#dbe7f4;transition:transform .18s ease,border-color .18s ease,background-color .18s ease;cursor:pointer}.notification-trigger:hover{transform:translateY(-1px);border-color:#34d39999;background:#10b98126;color:#fff}.notification-trigger:focus-visible{outline:2px solid rgba(52,211,153,.85);outline-offset:2px}.notification-bell{width:1.18rem;height:1.18rem}.notification-badge{position:absolute;top:-.22rem;right:-.18rem;min-width:1.15rem;height:1.15rem;border-radius:999px;background:#10b981;border:2px solid #0b1220;color:#032617;font-size:.66rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0 .2rem;font-variant-numeric:tabular-nums}.notification-panel{position:absolute;top:calc(100% + .62rem);right:0;width:min(30rem,calc(100vw - 1.4rem));border-radius:1rem;overflow:hidden;border:1px solid rgba(148,163,184,.28);background:radial-gradient(circle at 15% 0%,rgba(16,185,129,.12),transparent 42%),linear-gradient(160deg,#090e17f7,#0c1421f7);box-shadow:0 24px 64px #02061794;backdrop-filter:blur(12px);z-index:90}.notification-panel-head{padding:.95rem 1.05rem .86rem;border-bottom:1px solid rgba(148,163,184,.18)}.notification-panel-head h3{margin:0;color:#fff;font-size:1.02rem;line-height:1.25;letter-spacing:-.02em;font-weight:700}.notification-eyebrow{margin:0 0 .18rem;color:#6ee7b7;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.notification-list{max-height:24rem;overflow:auto;padding:.6rem;display:grid;gap:.58rem}.notification-item{display:block;width:100%;text-align:left;border-radius:.85rem;border:1px solid rgba(148,163,184,.2);background:linear-gradient(120deg,#0f172adb,#0e1521c7);padding:.78rem .82rem .76rem;text-decoration:none;transition:border-color .17s ease,transform .17s ease,background-color .17s ease,box-shadow .17s ease;color:inherit;position:relative;overflow:hidden}.notification-item:before{content:"";position:absolute;left:.62rem;top:.68rem;bottom:.68rem;width:2px;border-radius:999px;background:#7dd3fc6b}.notification-item.is-unread:before{background:linear-gradient(180deg,#6ee7b7,#10b981ad)}.notification-item:hover{border-color:#34d3999e;background:linear-gradient(120deg,#10b98124,#10b9810f),linear-gradient(120deg,#0f172ae6,#0e1521d1);transform:translateY(-1px);box-shadow:0 10px 22px #02061757}.notification-item-main{padding-left:.64rem}.notification-item-title{margin:0;color:#fff;font-size:1.04rem;font-weight:600;line-height:1.28;display:flex;align-items:center;justify-content:space-between;gap:.56rem}.notification-item-title-text{display:inline-block;letter-spacing:-.015em}.notification-item-message{margin:.42rem 0 0;color:#cfd9e8;font-size:.95rem;line-height:1.43;letter-spacing:-.004em}.notification-item-footer{margin-top:.68rem;padding-left:.64rem;display:flex;align-items:center;gap:.5rem;min-height:1.52rem}.notification-item-date{color:#9cb0c8;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.notification-item-version{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(96,165,250,.42);background:#3b82f626;color:#bfdbfe;font-size:.67rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;line-height:1;padding:.22rem .5rem .24rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.notification-item-arrow{margin-left:auto;color:#7dd3fc;font-size:.88rem;font-weight:700;line-height:1;opacity:.9}.notification-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(52,211,153,.45);background:#10b98124;color:#bbf7d0;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.14rem .38rem}.notification-empty{margin:0;border-radius:.75rem;border:1px solid rgba(148,163,184,.16);background:#0f172a99;color:#c6d3e2;font-size:.8rem;padding:.75rem;text-align:center}