.my-app-bar{background-color:#303030!important}.my-typography{flex-grow:1}.dark-mode{color:#fff!important;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#0a0a0a 100%)!important}.dark-mode .my-app-bar{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)!important;border-bottom:1px solid #ff6b3533!important;box-shadow:0 4px 20px #00000080,0 0 10px #ff6b351a!important}.dark-mode .my-typography{color:#fff!important;text-shadow:0 0 10px #ffffff4d!important}.dark-mode .MuiIconButton-root{color:#fff!important;transition:all .3s!important}.dark-mode .MuiIconButton-root:hover{color:#fff!important;text-shadow:0 0 15px #ffffff80!important;transform:scale(1.1)!important}.dark-mode .MuiSvgIcon-root{color:#fff!important;filter:drop-shadow(0 0 5px #ffffff4d)!important}body.dark-mode{color:#fff;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%,#0a0a0a 100%) fixed}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b354d,0 0 10px #ff6b3533,0 0 15px #ff6b351a}50%{box-shadow:0 0 10px #ff6b3580,0 0 20px #ff6b354d,0 0 30px #ff6b3533}}.dark-mode .MuiButton-root{animation:2s ease-in-out infinite alternate glow!important}.dark-mode:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#ff6b3508 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff174408 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.light-mode{color:#1e293b!important;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)!important}.light-mode .my-app-bar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border-bottom:1px solid #667eea33!important;box-shadow:0 4px 20px #667eea4d,0 0 10px #764ba21a!important}.light-mode .my-typography{color:#fff!important;text-shadow:0 0 10px #ffffff4d!important}.light-mode .MuiIconButton-root{color:#fff!important;transition:all .3s!important}.light-mode .MuiIconButton-root:hover{color:#fff!important;text-shadow:0 0 15px #ffffff80!important;transform:scale(1.1)!important}.light-mode .MuiSvgIcon-root{color:#fff!important;filter:drop-shadow(0 0 5px #ffffff4d)!important}.MuiAppBar-root .MuiIconButton-root,.MuiAppBar-root .MuiSvgIcon-root,.MuiAppBar-root .MuiTypography-root,.MuiAppBar-root .MuiButton-root{color:#fff!important}.MuiAppBar-root .MuiIconButton-root:hover,.MuiAppBar-root .MuiButton-root:hover{color:#fff!important;background-color:#ffffff1a!important}body.light-mode{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) fixed}@keyframes glow-light{0%,to{box-shadow:0 0 5px #667eea4d,0 0 10px #667eea33,0 0 15px #667eea1a}50%{box-shadow:0 0 10px #667eea80,0 0 20px #667eea4d,0 0 30px #667eea33}}.light-mode .MuiButton-root{animation:2s ease-in-out infinite alternate glow-light!important}.light-mode:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#667eea08 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba208 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}