.notifications-dropdown{position:absolute;top:100%;right:-50px;width:380px;background:hsla(0,0%,100%,.98);border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15);z-index:1001;overflow:hidden;animation:slideIn .2s ease-out;margin-top:15px;backdrop-filter:blur(10px)}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.notifications-dropdown{position:fixed;top:70px;left:15px;width:auto;right:15px;margin-top:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{padding:16px 24px;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;align-items:center;background:#fff}@media (max-width:768px){.notifications-header{padding:12px 16px}}.notifications-title{font-size:18px;font-weight:700;color:#151515;margin:0}@media (max-width:768px){.notifications-title{font-size:16px}}.mark-read-btn{font-size:13px;color:#888;background:transparent;border:none;cursor:pointer;transition:all .2s;font-weight:500}.mark-read-btn:hover{color:var(--tg-primary-color)}.notifications-list{max-height:450px;overflow-y:auto;padding:0;background:#fff}.notification-item{padding:16px 24px;border-bottom:1px solid #f5f5f5;background:#fff;transition:background .2s;cursor:pointer;display:flex;gap:16px;align-items:flex-start}@media (max-width:768px){.notification-item{padding:12px 16px;gap:12px}}.notification-item:hover{background:#fafafa}.notification-item.unread{background:#fffbf8;border-left:3px solid var(--tg-primary-color)}.notification-icon{width:40px;height:40px;border-radius:12px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#555;flex-shrink:0;font-size:16px}.notification-icon.deposit_success{background:rgba(33,199,102,.1);color:#21c766}.notification-icon.withdrawal,.notification-icon.withdrawal_success{background:rgba(254,93,20,.1);color:var(--tg-primary-color)}.notification-icon.security_alert{background:rgba(255,0,0,.1);color:red}.notification-content{flex:1}.notification-title{font-size:15px;font-weight:600;color:#151515;margin-bottom:4px;line-height:1.3}@media (max-width:768px){.notification-title{font-size:14px}}.notification-message{font-size:13px;color:#666;line-height:1.5;margin-bottom:6px}@media (max-width:768px){.notification-message{font-size:12px}}.notification-time{font-size:12px;color:#999}.notifications-empty{padding:60px 20px;text-align:center;color:#999}.notifications-empty i{color:#ddd;margin-bottom:16px}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--tg-secondary-color);border:1px solid var(--tg-border-1);color:var(--tg-heading-font-color);transition:all .3s ease;cursor:pointer;position:relative;flex-shrink:0;padding:0}@media (max-width:768px){.notification-bell-btn{width:40px;height:40px}}.notification-bell-btn:hover{background:var(--tg-primary-color);color:var(--tg-color-dark);border-color:var(--tg-primary-color)}.notification-bell-btn i{font-size:20px}@media (max-width:768px){.notification-bell-btn i{font-size:18px}}.notification-badge{position:absolute;top:-2px;right:-2px;background:#fe5d14;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;padding:0;z-index:10}.notification-bell-btn:hover .notification-badge{border-color:#fff}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f5f5f5}.notifications-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#d0d0d0}