#notification-bell{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast) ease, background var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}#notification-bell:hover{color:var(--text-primary)}.notif-badge{background:var(--accent,#ea6500);color:#fff;border:2px solid var(--bg-primary);min-width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal) cubic-bezier(.34, 1.56, .64, 1);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;transform:scale(0)}.notif-badge.has-unread{animation:2s infinite pulse-glow;transform:scale(1)}@keyframes pulse-glow{0%{box-shadow:0 0 #ea6500b3}70%{box-shadow:0 0 0 6px #ea650000}to{box-shadow:0 0 #ea650000}}.notif-backdrop{z-index:10009;background:0 0;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.notif-backdrop.active{display:block}#notification-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(32px)saturate(180%);border:1px solid var(--border-light,#ffffff29);z-index:10010;opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;width:380px;max-width:calc(100vw - 32px);max-height:480px;font-family:var(--font-system);border-radius:20px;flex-direction:column;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),visibility .24s;display:flex;position:fixed;top:58px;right:18px;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 20px 50px #0000003d,0 4px 16px #00000014}#notification-panel.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}[data-theme=cream] #notification-panel{background:#fdf8f2f0;border-color:#d2a06e47;box-shadow:0 16px 44px #b4641e24,0 2px 8px #0000000a}[data-theme=stone] #notification-panel{background:#24140af0;border-color:#d97a462e;box-shadow:0 20px 54px #000000a6,0 2px 8px #0000004d}.notif-panel-header{border-bottom:1px solid var(--border-light,#0000000f);background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-theme=cream] .notif-panel-header{border-bottom-color:#dcb48c40}[data-theme=stone] .notif-panel-header{border-bottom-color:#d97a4624}.notif-panel-title{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:.95rem;font-weight:600}.notif-mark-all,.notif-mark-all-read{color:var(--accent,#ea580c);cursor:pointer;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:550;transition:all .15s;display:inline-flex}.notif-mark-all:hover,.notif-mark-all-read:hover{color:#c2410c;background:#ea580c1a}.notif-mark-all:active,.notif-mark-all-read:active{transform:scale(.96)}.notif-list,.notif-panel-body{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex:1;padding:4px 0 10px;overflow:hidden auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background-color:var(--border-light,#78788033);border-radius:10px}.notif-date-group{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.85;padding:10px 18px 4px;font-size:.72rem;font-weight:600}.notif-item{border-bottom:1px solid var(--border-light,#0000000a);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 18px;text-decoration:none;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#7878800f}.notif-item.unread{background:#ea65000a}[data-theme=cream] .notif-item.unread{background:#ea650012}[data-theme=stone] .notif-item.unread{background:#d97a461f}.notif-item.unread:before{content:"";background:var(--accent,#ea580c);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:6px;box-shadow:0 0 6px #ea580c66}.notif-icon{width:32px;height:32px;color:var(--text-secondary);background:#7878801a;border:1px solid #78788024;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.notif-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notif-title{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:600;line-height:1.3}.notif-message{color:var(--text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item.expanded .notif-message{white-space:pre-wrap;display:block}.notif-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-top:1px;font-size:.74rem;font-weight:450}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:44px 24px;display:flex}.notif-empty-icon{color:var(--text-muted);opacity:.4;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.notif-empty-text{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.notif-empty-sub{color:var(--text-muted);max-width:230px;margin:0;font-size:.82rem;line-height:1.4}@media (width<=600px){#notification-panel{top:max(64px, env(safe-area-inset-top) + 54px);transform-origin:top;border-radius:20px;width:auto;max-height:calc(100vh - 120px);position:fixed;left:14px;right:14px}}body.admin-page #notification-panel{z-index:10050}body.admin-page .notif-backdrop{z-index:10049}@media (width>=1024px){body.admin-page #notification-panel{transform-origin:100% 0;top:66px;left:auto;right:24px}}@media (width<=1023px){body.admin-page #notification-panel{transform-origin:100% 0;top:58px;left:auto;right:14px}}@media (width<=480px){body.admin-page #notification-panel{width:auto;left:14px;right:14px}}