.notification-settings{position:fixed;top:20px;right:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:350px;z-index:1000;display:none}.notification-settings.show{display:block;animation:.3s ease-out slideIn}@keyframes slideIn{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.settings-header h3{margin:0;font-size:18px;color:#333}.close-settings{background:0 0;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-settings:hover{color:#333}.notification-status{padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px}.notification-status.enabled{background:#d4edda;color:#155724}.notification-status.disabled{background:#f8d7da;color:#721c24}.notification-status.blocked{background:#fff3cd;color:#856404}.notification-controls{display:flex;flex-direction:column;gap:10px}.notification-btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:.2s}.notification-btn.primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.notification-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.notification-btn.secondary{background:#e0e0e0;color:#333}.notification-btn.secondary:hover{background:#d0d0d0}.notification-btn:disabled{opacity:.5;cursor:not-allowed}.notification-info{font-size:12px;color:#666;margin-top:10px;line-height:1.5}.notification-toggle-btn{width:40px;height:40px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;transition:.3s;flex-shrink:0;font-size:20px;margin-left:12px;position:relative}.notification-toggle-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.notification-toggle-btn:active{transform:scale(1)}.notification-badge{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#f44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border:2px solid #667eea;animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.notification-settings{top:10px;right:10px;left:10px;max-width:none}.notification-toggle-btn{width:36px;height:36px;font-size:18px}}