.dark-mode-toggle{cursor:pointer !important;position:relative !important;width:60px !important;height:32px !important;border-radius:40px !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;flex-shrink:0 !important;border:none !important;outline:none !important;margin-left:0.75rem !important;}.dark-mode-toggle:hover{transform:scale(1.02) !important;}.dark-mode-toggle .toggle-slider{position:absolute !important;top:3px !important;left:3px !important;width:26px !important;height:26px !important;border-radius:50% !important;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;}.dark-mode-toggle .sun-icon, .dark-mode-toggle .moon-icon{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;font-size:14px !important;transition:all 0.3s ease !important;z-index:1 !important;}.dark-mode-toggle .sun-icon{left:8px !important;}.dark-mode-toggle .moon-icon{right:8px !important;}body.light-mode .dark-mode-toggle{background:linear-gradient(135deg, #f5f7fa, #eef2f6) !important;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05) !important;}body.light-mode .dark-mode-toggle .sun-icon{color:#f59e0b !important;opacity:1 !important;}body.light-mode .dark-mode-toggle .moon-icon{color:#6b7280 !important;opacity:0.3 !important;}body.light-mode .dark-mode-toggle .toggle-slider{background:#ffffff !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) !important;transform:translateX(0) !important;}body.dark-mode .dark-mode-toggle{background:linear-gradient(135deg, #2d2b4e, #1a1a2e) !important;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(255, 255, 255, 0.05) !important;}body.dark-mode .dark-mode-toggle .sun-icon{color:#f59e0b !important;opacity:0.3 !important;}body.dark-mode .dark-mode-toggle .moon-icon{color:#ffd93d !important;opacity:1 !important;}body.dark-mode .dark-mode-toggle .toggle-slider{background:#2d2b4e !important;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) !important;transform:translateX(28px) !important;}@media (max-width:768px){.dark-mode-toggle{width:50px !important;height:28px !important;margin-left:0.5rem !important;}.dark-mode-toggle .toggle-slider{width:22px !important;height:22px !important;top:3px !important;left:3px !important;}body.dark-mode .dark-mode-toggle .toggle-slider{transform:translateX(22px) !important;}.dark-mode-toggle .sun-icon, .dark-mode-toggle .moon-icon{font-size:12px !important;}.dark-mode-toggle .sun-icon{left:6px !important;}.dark-mode-toggle .moon-icon{right:6px !important;}}