*{transition-duration:.5s}html{scroll-behavior:smooth}body{margin:0;will-change:scroll-position}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{decoding:async;height:auto;max-width:100%}a{text-decoration:none}a,button{cursor:pointer}button,input,select,textarea{font-family:inherit}.app-layout{contain:layout style paint}.main-content{contain:content}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.css-hzcega-MuiTabs-list{justify-content:space-between!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buttonMenu{align-items:center;background:#000;border-bottom-left-radius:10px;border-top-left-radius:10px;justify-content:center;padding:0 7px;position:absolute;right:0;width:20px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:0}}.app-layout{display:flex;min-height:100vh}.main-content{animation:slideInRight .5s ease-out;flex:1 1;height:100vh;margin-left:280px;overflow-x:hidden;overflow-y:auto;padding:2rem;transition:margin-left .3s ease}.sidebar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:4px 0 20px #667eea4d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;padding:0;position:fixed;top:0;transition:all .3s ease;width:280px;z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid #fff3;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:2rem 1.5rem}.sidebar-header h1{font-size:1.5rem;font-weight:700}.sidebar-close{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;transition:transform .3s ease}.sidebar-close:hover{transform:scale(1.2)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:0 1.5rem}.nav-link{align-items:center;border-radius:.75rem;color:#fffc;display:flex;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#ffffff26;color:#fff;transform:translateX(5px)}.nav-link.active{background-color:#ffffff40;box-shadow:0 4px 12px #00000026;color:#fff}.nav-icon{font-size:1.5rem;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.15)}.sidebar-footer{border-top:1px solid #fff3;flex-shrink:0;font-size:.875rem;margin-top:0;padding:1rem 1.5rem;text-align:center}.app-version{color:#ffffffb3}.app-subtitle{color:#fff9;margin-top:.5rem}.sidebar-mobile-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:none;font-size:1.25rem;height:2.5rem;left:1rem;position:fixed;top:1.25rem;transition:all .3s ease;width:2.5rem;z-index:2000}.sidebar-mobile-toggle:hover{box-shadow:0 6px 16px #667eea66;transform:scale(1.1)}.sidebar-overlay{animation:fadeInUp .3s ease-out;background-color:#00000080;bottom:0;display:none;height:100vh;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.open{display:block}.page{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1200px}.page-header{margin-bottom:2rem}.page-header h1{animation:fadeInUp .6s ease-out;color:#1f2937;font-size:2.5rem;margin-bottom:.5rem}.page-subtitle{animation:fadeInUp .7s ease-out;color:#6b7280;font-size:1.125rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.summary-card{animation:scaleIn .5s ease-out;background:#fff;border:1px solid #0000000d;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{border-color:#667eea4d;box-shadow:0 12px 24px #667eea33;transform:translateY(-8px) scale(1.02)}.summary-card-icon{animation:scaleIn .6s ease-out;font-size:2.5rem;line-height:1}.summary-card-content{flex:1 1}.summary-card-content h3{color:#9ca3af;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.summary-card-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem}.summary-card-detail{color:#9ca3af;font-size:.875rem}.quick-actions{margin-bottom:3rem}.quick-actions h2{animation:fadeInUp .6s ease-out;color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{align-items:center;animation:scaleIn .5s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea33;color:#667eea;transform:translateY(-6px) scale(1.05)}.action-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.action-card.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-8px) scale(1.08)}.action-icon{font-size:2rem;transition:transform .3s ease}.action-card:hover .action-icon{transform:scale(1.2) rotate(5deg)}.welcome-section{animation:fadeInUp .7s ease-out;background:#fff;border:1px solid #0000000d;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;padding:2rem}.welcome-section h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.tips-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip{animation:scaleIn .6s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #667eea;border-radius:.75rem;color:#1e40af;font-size:.95rem;line-height:1.6;padding:1.25rem;transition:all .3s ease}.tip:hover{box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.progress-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-item{animation:scaleIn .5s ease-out;background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 16px #667eea26;transform:translateY(-4px)}.stat-label{text-transform:uppercase}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.course-card{animation:scaleIn .5s ease-out;background:#fff;border:1px solid #0000000d;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 12px 24px #667eea33;transform:translateY(-6px)}.course-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.course-card-title{align-items:center;display:flex;flex:1 1;gap:1rem}.course-card-title h3{color:#1f2937;font-size:1.125rem;margin:0}.badge-complete{animation:scaleIn .4s ease-out;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:9999px;color:#065f46;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.btn-delete{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:all .3s ease}.btn-delete:hover{color:#dc2626;transform:scale(1.2) rotate(15deg)}.course-card-content{padding:1.5rem}.progress-bar-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.progress-bar-background{background:linear-gradient(90deg,#f0f0f0,#e0e0e0);border-radius:9999px;box-shadow:inset 0 2px 4px #0000000d;flex:1 1;height:10px;overflow:hidden}.progress-bar-fill{animation:progressFill .8s ease-out;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:9999px;box-shadow:0 0 10px #667eea80;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.progress-bar-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:600;min-width:45px;text-align:right}.course-info{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem}.info-label{color:#6b7280}.info-value{color:#1f2937;font-weight:600}.course-link{color:#667eea;display:inline-block;font-weight:500;margin-bottom:1rem;position:relative;text-decoration:none;transition:all .3s ease}.course-link:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.course-link:hover{color:#764ba2}.course-link:hover:after{width:100%}.motivational-message{animation:slideInRight .5s ease-out;background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:.5rem;color:#92400e;font-size:.95rem;margin-bottom:1rem;padding:1rem}.motivational-message.success{background-color:#d1fae5;border-left-color:#10b981;color:#065f46}.btn-update{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.btn-update:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-update:active{transform:translateY(0)}.course-card-expand{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.course-card-expand label{color:#1f2937;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.input-number{border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.input-number:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-hint{color:#6b7280;display:block;font-size:.875rem;margin-bottom:1rem}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:all .3s ease;width:100%}.btn-save:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.add-course-page,.tasks-page{animation:fadeInUp .5s ease-out;background:#fff;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;padding:2rem}.form-container{margin:0 auto;max-width:600px}.alert{animation:slideInRight .4s ease-out;border-radius:.5rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.form{gap:1.5rem}.form,.form-group{display:flex;flex-direction:column}.form-group{animation:fadeInUp .6s ease-out;gap:.5rem}.form-group label{color:#1f2937;font-weight:600}.required{color:#ef4444}.form-input{border:2px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:1rem;height:54px;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:scale(1.01)}.form-hint{color:#6b7280;font-size:.875rem}.btn{border:none;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 6px 16px #667eea4d}.btn-secondary{background-color:#e5e7eb;color:#1f2937}.btn-secondary:hover{background-color:#d1d5db}.btn-large{font-size:1.125rem;padding:1rem;width:100%}.info-card{animation:scaleIn .6s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #667eea;border-radius:.5rem;margin-top:2rem;padding:1.5rem}.info-card h3{color:#1e40af;margin-bottom:1rem}.info-list{color:#1e40af;display:flex;flex-direction:column;font-size:.95rem;gap:.75rem;list-style:none}.info-list li:before{content:"✓ ";font-weight:600;margin-right:.5rem}.task-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.stat-badge{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1rem;transition:all .3s ease}.stat-badge:hover{transform:translateY(-2px)}.stat-badge.danger{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700}.stat-badge.danger .stat-number{-webkit-text-fill-color:#ef4444;color:#ef4444}.stat-label{color:#6b7280;font-size:.875rem}.tasks-container{animation:fadeInUp .5s ease-out;background:#fff;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;padding:2rem}.task-form-section{margin-bottom:2rem}.task-form-section h2{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.task-form{display:flex;flex-wrap:wrap;gap:1rem}.task-form .form-input{flex:1 1;min-width:200px}.task-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-btn{background-color:#f3f4f6;border:2px solid #0000;border-radius:9999px;color:#6b7280;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#e5e7eb;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{align-items:center;animation:slideInRight .4s ease-out;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #3b82f6;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.task-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.task-item.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#10b981;opacity:.85}.task-item.overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#ef4444}.task-item-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.task-checkbox{accent-color:#667eea;cursor:pointer;height:1.25rem;margin-top:.25rem;transition:transform .3s ease;width:1.25rem}.task-checkbox:hover{transform:scale(1.2)}.task-info{flex:1 1}.task-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.task-item.completed .task-title{color:#9ca3af;text-decoration:line-through}.task-date{color:#6b7280;font-size:.875rem;margin:0}.overdue-label{color:#ef4444;font-weight:600}.btn-delete-task{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all .3s ease}.btn-delete-task:hover{color:#dc2626;transform:scale(1.3) rotate(15deg)}.empty-state{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:1rem;padding:3rem 1.5rem;text-align:center}.empty-state h2{color:#1f2937;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.games-menu,.games-page .page-header{text-align:center}.games-menu h2{animation:fadeInUp .6s ease-out;color:#1f2937;font-size:1.5rem;margin-bottom:2rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.game-card{align-items:center;animation:scaleIn .5s ease-out;background:#fff;border:2px solid #e5e7eb;border-radius:1.25rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;transition:all .3s ease}.game-card:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#667eea;box-shadow:0 12px 28px #667eea40;transform:translateY(-8px) scale(1.05)}.game-icon{font-size:3rem;transition:transform .3s ease}.game-card:hover .game-icon{animation:bounce .6s ease-in-out;transform:scale(1.2) rotate(10deg)}@keyframes bounce{0%,to{transform:scale(1.2) rotate(10deg)}50%{transform:scale(1.3) rotate(10deg)}}.game-name{color:#1f2937;font-size:1.25rem;font-weight:700}.game-description{color:#6b7280;font-size:.95rem}.game-container{animation:fadeInUp .5s ease-out;background:#fff;border-radius:1.25rem;box-shadow:0 2px 8px #00000014;padding:2rem}.btn-back-to-menu{background-color:#e5e7eb;border:none;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;color:#1f2937;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-back-to-menu:hover{background-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.game-rps{margin:0 auto;max-width:600px}.game-rps h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.score-board{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-around;margin-bottom:2rem;padding:1.5rem}.score-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.score-label{color:#6b7280;font-size:.875rem;text-transform:uppercase}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.rps-game-board{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1rem;box-shadow:0 2px 8px #0000000d;gap:2rem;justify-content:space-around;margin-bottom:2rem;padding:2rem}.rps-column,.rps-game-board{align-items:center;display:flex}.rps-column{flex-direction:column;gap:1rem}.rps-column h3{color:#1f2937;margin:0}.rps-choice-display{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 8px #0000000d;display:flex;height:120px;justify-content:center;transition:all .3s ease;width:120px}.choice-display{animation:scaleIn .4s ease-out;font-size:3.5rem;line-height:1}.choice-placeholder{color:#d1d5db;font-size:2.5rem}.rps-vs{color:#667eea}.result-message,.rps-vs{font-size:1.25rem;font-weight:700}.result-message{animation:slideInRight .4s ease-out;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.result-win{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.result-lose{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.result-draw{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e}.rps-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.rps-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1rem;transition:all .3s ease;width:100px}.rps-btn:hover{border-color:#667eea;box-shadow:0 6px 16px #667eea33;transform:translateY(-4px) scale(1.08)}.rps-btn.selected{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.rps-btn-emoji{font-size:2rem;transition:transform .3s ease}.rps-btn:hover .rps-btn-emoji{transform:scale(1.3) rotate(15deg)}.rps-btn-label{color:#1f2937;font-size:.875rem;text-transform:capitalize}.game-ttt{margin:0 auto;max-width:600px}.game-ttt h2{animation:fadeInUp .5s ease-out;color:#1f2937;font-size:1.5rem}.game-status,.game-ttt h2{margin-bottom:1.5rem;text-align:center}.game-status{animation:slideInRight .4s ease-out;border-radius:.75rem;font-size:1.25rem;font-weight:600;padding:1.5rem}.status-winner{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b98133;color:#065f46}.status-draw{background:linear-gradient(135deg,#fef3c7,#fcd34d);box-shadow:0 4px 12px #f59e0b33;color:#92400e}.status-turn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 2px 8px #0000000d;color:#1f2937}.turn-player{font-weight:700}.turn-player.turn-x{color:#3b82f6}.turn-player.turn-o{color:#ef4444}.ttt-board{grid-gap:.75rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1rem;box-shadow:inset 0 2px 8px #0000000d;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1.5rem}.ttt-square{aspect-ratio:1;background:#fff;border:none;border-radius:.75rem;box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:2.5rem;font-weight:700;overflow:hidden;position:relative;transition:all .2s ease}.ttt-square:before{background:#667eea1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.ttt-square:hover:not(:disabled):before{height:100%;width:100%}.ttt-square:hover:not(:disabled){background:linear-gradient(135deg,#f8faff,#f0f4ff);box-shadow:0 4px 12px #667eea33;transform:scale(1.05)}.ttt-square:disabled{cursor:not-allowed}.ttt-square.winning{background:linear-gradient(135deg,#fef3c7,#fcd34d);box-shadow:0 4px 12px #f59e0b4d}.ttt-mark{animation:scaleIn .3s ease-out;display:inline-block;line-height:1}.ttt-mark-x{color:#3b82f6}.ttt-mark-o{color:#ef4444}.game-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.game-instructions{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #667eea;border-radius:.75rem;color:#1e40af;font-size:.95rem;padding:1.25rem;text-align:center}.game-instructions p{margin:0}.game-mode-selection{animation:fadeInUp .5s ease-out;gap:1.5rem;margin:0 auto;max-width:400px}.game-mode-selection,.mode-button{display:flex;flex-direction:column}.mode-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:1.25rem;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:600;gap:1rem;padding:2rem 1.5rem;transition:all .3s ease}.mode-button:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-6px) scale(1.05)}.mode-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea4d;color:#fff}.mode-button.primary:hover{box-shadow:0 8px 25px #667eea66}.mode-icon{font-size:2.5rem;transition:transform .3s ease}.mode-button:hover .mode-icon{transform:scale(1.3) rotate(10deg)}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar-close,.sidebar-mobile-toggle,.sidebar-overlay.open{display:block}.page-header h1{font-size:1.875rem}.page-header{margin-bottom:1.5rem}.dashboard-grid{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.actions-grid,.courses-grid{grid-template-columns:1fr}.rps-game-board,.task-form{flex-direction:column}.rps-game-board{gap:1rem}.game-mode-selection{max-width:100%}}@media (max-width:480px){.page{padding:0}.page-header h1{font-size:1.5rem}.dashboard-grid{gap:1rem}.summary-card{padding:1rem}.games-grid{grid-template-columns:1fr}.progress-stats{grid-template-columns:repeat(2,1fr)}.task-stats{justify-content:center}.filter-btn{font-size:.875rem;padding:.4rem .8rem}.ttt-board{gap:.5rem;padding:1rem}.ttt-square{font-size:1.75rem}.mode-button{padding:1.5rem 1rem}}.auth-container{align-items:center;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{animation:scaleIn .5s ease-out;background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;padding:2rem 1rem;width:70%}.auth-header{animation:fadeInUp .7s ease-out;margin-bottom:2.5rem;text-align:center}.auth-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#6b7280;margin:0}.auth-form{animation:fadeInUp .8s ease-out}.auth-form h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:2.5rem;width:100%}.password-toggle{color:#6b7280!important;position:absolute;right:.5rem}.password-toggle:hover{color:#667eea!important}.auth-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#6b7280;font-size:.95rem;margin:0}.auth-link{color:#667eea;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover{color:#764ba2}.auth-link:hover:after{width:100%}.auth-info{animation:slideInRight .6s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #667eea;border-radius:.75rem;margin-top:2rem;padding:1rem}.info-title{font-weight:600;margin:0 0 .5rem}.info-text,.info-title{color:#1e40af;font-size:.875rem}.info-text{font-family:monospace;margin:.25rem 0}.sidebar-user-info{align-items:center;animation:slideInRight .5s ease-out;background:#ffffff26;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-avatar{align-items:center;background:#ffffff40;border:2px solid #fff6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.user-details{flex:1 1;overflow:hidden}.user-name{color:#fff;font-size:.95rem;font-weight:600;margin:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#fffc;font-size:.8rem;margin:.25rem 0 0}.logout-btn{align-items:center;background:#ffffff26;border:2px solid #ffffff40;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.logout-icon{font-size:1.1rem}.loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:3rem;width:3rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#6b7280;font-size:1rem;font-weight:500}.auth-form-container{width:50%}@media (max-width:768px){.auth-form-container{width:100%}.auth-card{margin:1rem;max-width:450px;padding:2rem 1.5rem;width:100%}.auth-header h1{font-size:1.5rem}.auth-logo{font-size:2.5rem}.auth-form h2{font-size:1.5rem}.btn{margin-top:1rem}}@media (max-width:480px){.auth-container{padding:.5rem}.auth-card{border-radius:1rem;padding:1.5rem 1rem}.auth-header h1{font-size:1.25rem}.auth-logo{font-size:2rem;margin-bottom:.75rem}.auth-form h2{font-size:1.25rem;margin-bottom:.75rem}.auth-subtitle{font-size:.9rem;margin-bottom:1rem}.form-group{margin-bottom:.75rem}.auth-info{margin-top:1.5rem;padding:.75rem}}
/*# sourceMappingURL=main.591b5104.css.map*/