.notification-center-wrap{position:relative}.notification-bell{position:relative;width:46px;height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);cursor:pointer;font-size:18px}.notification-bell:hover{border-color:var(--accent);transform:translateY(-2px)}.notification-bell span{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--accent);color:#081006;font:800 10px/19px inherit}.notification-panel{position:absolute;z-index:10020;right:0;top:calc(100% + 12px);width:min(410px,calc(100vw - 24px));max-height:min(650px,75vh);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 25px 70px #0009}.notification-panel header,.notification-panel footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.notification-panel footer{border:0;border-top:1px solid var(--border);justify-content:center}.notification-panel header small{display:block;color:var(--accent);font-weight:800;letter-spacing:.12em}.notification-panel button{border:0;background:none;color:var(--muted);font:700 11px inherit;cursor:pointer}.notification-list{max-height:500px;overflow:auto}.notification-entry{display:grid;grid-template-columns:38px 1fr 24px;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.notification-entry.unread{background:color-mix(in srgb,var(--accent) 8%,transparent)}.notification-entry-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);font-weight:900}.notification-entry-icon.success{color:#61e58f}.notification-entry-icon.error,.notification-entry-icon.warning{color:#ff6969}.notification-entry p{margin:4px 0;color:var(--muted);font-size:12px}.notification-entry time{font-size:10px;color:var(--muted)}.notification-empty{padding:42px 20px;text-align:center;color:var(--muted)}
@media(max-width:700px){.notification-panel{position:fixed;top:72px;right:12px}}