.notif-center{display:inline-flex;position:relative}.notif-center__bell{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-sm);background:#ffffffe0;border-radius:14px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative}.notif-center__bell:hover{box-shadow:var(--shadow-premium);transform:translateY(-1px)}.notif-center__badge{background:var(--color-imperial);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:-4px}.notif-center__panel{border:1px solid var(--color-surface-glass-border);background:var(--color-surface-glass);width:min(360px,100vw - 24px);max-height:min(70vh,480px);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-premium);z-index:10000;border-radius:20px;flex-direction:column;display:flex;position:fixed;top:0;right:12px;overflow:hidden}.notif-center__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-center__head h3{color:var(--color-heading);margin:0;font-size:.95rem;font-weight:800}.notif-center__mark-all{color:var(--color-jade);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.75rem;font-weight:700}.notif-center__list{padding:6px;overflow-y:auto}.notif-center__empty{text-align:center;color:var(--color-text-secondary);margin:0;padding:24px 16px;font-size:.875rem}.notif-row{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;padding:12px;transition:background .2s;display:flex}.notif-row:hover{background:#ffffffb8}.notif-row--unread{background:#c41e3a0a}.notif-row--unread:hover{background:#c41e3a12}.notif-row__main{flex:1;min-width:0}.notif-row__category{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px;font-size:.65rem;font-weight:800;display:block}.notif-row__title{color:var(--color-heading);margin-bottom:4px;font-size:.875rem;display:block}.notif-row__body{color:var(--color-text-secondary);margin:0;font-size:.78rem;line-height:1.45}.notif-row__time{color:var(--color-text-muted);flex-shrink:0;padding-top:2px;font-size:.68rem;font-weight:700}.settings-notif-bell.notif-center__bell{border-radius:16px;width:44px;height:44px}.header-notif-bell.notif-center__bell{border-radius:12px;width:40px;height:40px}@media (width<=768px){.notif-center__panel{width:min(320px,100vw - 16px)}}