.modern-nav-notifications{position:relative;display:flex;align-items:center;cursor:pointer;margin-right:15px;padding:8px;border-radius:50%;transition:background-color .3s}.modern-nav-notifications:hover{background:rgba(255,255,255,.1)}.modern-nav-actions{display:flex;align-items:center;gap:8px;margin-right:15px}.account-icon-only{padding:8px!important;border-radius:50%;display:flex!important;align-items:center;justify-content:center;transition:background-color .3s}.account-icon-only:hover{background:rgba(255,255,255,.1)}.notification-badge{position:absolute;top:4px;right:4px;background:#ff4757;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;border:2px solid #1a1a1a}.notification-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;pointer-events:none;z-index:10000;visibility:hidden;transition:visibility .3s}.notification-modal-overlay.active{visibility:visible;pointer-events:auto}.notification-modal{position:fixed;top:80px;right:120px;width:400px;max-width:calc(100% - 40px);background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:10001;display:flex;flex-direction:column;max-height:500px;transform:translateY(-20px);transition:transform .3s ease,opacity .3s ease;opacity:0}.notification-modal-overlay.active .notification-modal{transform:translateY(0);opacity:1}.notification-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:16px;font-weight:600}.notification-tabs{display:flex;gap:20px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.1)}.notification-tab{padding:12px 0;font-size:14px;color:#888;cursor:pointer;position:relative}.notification-tab.active{color:#f5a623}.notification-tab.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f5a623}.notification-content{flex:1;overflow-y:auto;padding:8px 0;min-height:200px}.notification-item{padding:16px;display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;cursor:default}.notification-item:hover{background:rgba(255,255,255,.03)}.notification-icon{width:32px;height:32px;background:rgba(245,166,35,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f5a623}.notification-info{flex:1}.notification-title{font-size:14px;font-weight:500;margin-bottom:4px}.notification-message{font-size:13px;color:#aaa;line-height:1.4}.notification-time{font-size:11px;color:#666;margin-top:6px}.empty-state{padding:40px 20px;text-align:center;color:#666}.notification-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.archive-all-btn{background:0 0;border:0;color:#888;font-size:13px;cursor:pointer;transition:color .2s}.archive-all-btn:hover{color:#fff}@media (max-width:768px){.notification-modal{top:0;right:0;width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.notification-modal-overlay.active .notification-modal{transform:translateY(0);opacity:1}.notification-header{padding:20px 16px}.notification-header h3{font-size:18px}}