@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.home-container{padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:600px;text-align:center;background:linear-gradient(135deg,#495057,#343a40);color:#fff;min-height:calc(100vh - 100px)}.welcome-message{font-size:1.5em;margin-bottom:20px}.switch-button{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.switch-button:hover{background-color:#555}@media (max-width: 1200px){.home-container{max-width:550px}}@media (max-width: 992px){.home-container{max-width:500px}}@media (max-width: 768px){.home-container{max-width:450px;margin:30px auto}}@media (max-width: 576px){.home-container{max-width:400px;margin:20px auto}}@media (max-width: 480px){.home-container{max-width:100%;margin:10px auto;padding:20px}.welcome-message{font-size:1.2em}.switch-button{padding:8px 16px}}.auth-container{background:linear-gradient(135deg,#6a11cb,#2575fc);padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:400px;text-align:center}.auth-container h1{margin-bottom:20px;font-size:2.5em;font-weight:700;color:#fff}.auth-container .form-group{margin-bottom:15px}.auth-container label{display:block;margin-bottom:5px;color:#fff}.auth-container input{width:100%;padding:10px;border:none;border-radius:5px;box-sizing:border-box;background-color:#fff;color:#333;transition:border-color .3s}.auth-container input:focus{border-color:#ff7e5f}.auth-container button{background-color:#ff7e5f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.auth-container button:hover{background-color:#ff9c76}.auth-container .error{color:#f33;margin-bottom:10px}.auth-container .switch-button{background-color:#333;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:10px}.auth-container .switch-button:hover{background-color:#555}.learn-container{padding:20px;max-width:1200px;margin:0 auto;text-align:center}.learn-container h1{font-size:2.5em;margin-bottom:20px}.tabs-container{display:flex;justify-content:space-around;margin-bottom:20px}.tab-button{flex:1;padding:10px 20px;border:none;background-color:inherit;cursor:pointer;text-align:center;transition:background-color .3s,color .3s,border-color .3s;outline:none;margin:0 5px;color:inherit;font-size:1.2em;border-bottom:2px solid transparent}.tab-button.active{background-color:inherit;color:#ff5e00;font-weight:700;border-bottom:2px solid hsl(22,100%,50%)}.sections-container{padding:1px;background-color:inherit;color:inherit;width:100%;box-sizing:border-box}.tiles-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-content:center}@media (max-width: 1023px){.tiles-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.tiles-container{grid-template-columns:repeat(1,1fr)}}.tile{background-color:#ffffff80;color:#787878;padding:10px;border-radius:8px;text-decoration:none;transition:background-color .3s,transform .2s;font-size:1.2em;display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box}.tile:hover{background-color:#d64f0033;transform:translateY(-5px)}.tile.disabled{background-color:#6c757d;cursor:not-allowed}.tile.disabled:hover{background-color:#6c757d;transform:none}.tile-content{display:flex;flex-direction:column;height:100%}body.dark .tile{background-color:#34312da8;color:#ffffff80}body.dark .tile:hover{background-color:#d64f0033;transform:translateY(-5px)}.due-count,.new-count,.total-count{font-size:1em;background-color:#ffffff80;color:#787878;text-align:center;margin-bottom:1px;display:inline-table}.due-count.highlight,.new-count.highlight,body.dark .due-count.highlight,body.dark .new-count.highlight{background-color:#00660080}body.dark .due-count,body.dark .new-count,body.dark .total-count{font-size:1em;background-color:#34312da8;color:#ffffff80;text-align:center;margin-bottom:1px;display:inline-table}.counts{font-size:1em;color:#bfbfbf;text-align:center;margin-bottom:1px;display:table}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body.light{background-color:#edebe9;color:#4d4d4d;min-height:100vh}body.dark{background-color:#262421;color:#edebe9;min-height:100vh}.App{display:flex;flex-direction:column;align-items:center;font-family:Roboto,sans-serif;width:100%;max-width:100vw;overflow-x:hidden}.menu-bar{width:100%;background-color:inherit;color:inherit;padding:10px 20px;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.menu-bar .logo-link{text-decoration:none;color:inherit;font-size:1.5em;font-weight:700}.menu-bar .menu-links{display:flex;gap:15px;align-items:center;flex-direction:row;margin-left:20px}.menu-bar .login-register-link{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:.9em}.menu-bar .login-register-link:hover{background-color:#0056b3}.dropdown{position:relative;display:inline-block}.dropdown .dropbtn{background-color:#4a4a4a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:.9em}.dropdown .dropbtn:hover{background-color:#5a5a5a}.dropdown .dropbtn.disabled{background-color:#6c757d;cursor:not-allowed}.dropdown .dropbtn.disabled:hover{background-color:#6c757d}.dropdown-content{display:none;position:absolute;background-color:#2c2c2c;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;left:0;white-space:nowrap;overflow-y:auto;max-height:80vh}.dropdown-content a,.dropdown-content button{color:#fff;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s;border:none;width:100%;text-align:left;cursor:pointer;background-color:transparent}.dropdown-content a:hover,.dropdown-content button:hover{background-color:#3d3d3d}.dropdown-content a.disabled,.dropdown-content button.disabled{background-color:#6c757d;cursor:not-allowed}.dropdown-content a.disabled:hover,.dropdown-content button.disabled:hover{background-color:#6c757d}.dropdown:hover .dropdown-content{display:block}@media (max-width: 1200px){.menu-bar .menu-links{gap:15px;flex-direction:row;align-items:center;margin-left:15px}}@media (max-width: 992px){.menu-bar .menu-links{gap:15px;flex-direction:row;align-items:center;margin-left:15px}}@media (max-width: 768px){.menu-bar{flex-direction:column;align-items:flex-start}.menu-bar .logo{margin-bottom:10px}.menu-bar .menu-links{flex-direction:column;align-items:flex-start;margin-left:0}.menu-bar .menu-links button,.menu-bar .menu-links a{margin-top:10px;margin-left:0}.dropdown-content{left:0;max-width:100%;white-space:normal}}@media (max-width: 576px){.menu-bar .menu-links{gap:5px;margin-left:0}.dropdown-content{left:0;max-width:100%;white-space:normal}}@media (max-width: 480px){.menu-bar{flex-direction:column;align-items:flex-start}.menu-bar .logo{margin-bottom:10px}.menu-bar .menu-links{flex-direction:column;width:100%;justify-content:flex-start;margin-left:0}.dropdown-content{left:0;max-width:100%;white-space:normal}}.flashcard-container{margin-top:20px;padding:20px;background-color:#f8f9fa;color:#343a40;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:90%;max-width:600px;text-align:center;position:relative;margin-left:auto;margin-right:auto}body.dark .flashcard-container{background-color:#343a40;color:#fff}.flashcard-container h2{font-size:1.5em;margin-bottom:20px}body.dark .flashcard-container h2{color:#fff}.flashcard-container input{width:100%;max-width:200px;height:20px;margin-bottom:20px;padding:10px;font-size:1.2em;border:1px solid #ced4da;border-radius:4px;text-align:center}body.dark .flashcard-container input{border-color:#6c757d}.feedback-placeholder{height:10px;position:relative;margin-bottom:20px}.feedback{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:1.1em;margin:0}.feedback.error{color:#dc3545}body.dark .feedback.error{color:#f8f9fa}.feedback.success{color:#28a745}body.dark .feedback.success{color:#f8f9fa}.number-pad-container{margin-bottom:20px;width:75%;margin-left:auto;margin-right:auto;position:relative;transition:transform .5s}.number-pad-container.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}to{transform:translate(0)}}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-pad-row{display:contents}.number-pad-button{background-color:#007bff;color:#fff;border:none;padding:15px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:1em}.number-pad-button:hover{background-color:#0056b3}.number-pad-button.delete{background-color:#ffc107}.number-pad-button.delete:hover{background-color:#e0a800}.number-pad-button.enter{background-color:#28a745}.number-pad-button.enter:hover{background-color:#218838}.options{display:flex;justify-content:space-between;width:100%;max-width:400px;margin:0 auto;gap:10px}.options button{width:48%;height:40px;font-size:1em;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;background-color:#007bff;color:#fff}.options button:hover{background-color:#0056b3}.options button:disabled{background-color:#6c757d;cursor:not-allowed}.options button:disabled:hover{background-color:#6c757d}.options button:nth-child(1){background-color:#dc3545}.options button:nth-child(1):hover{background-color:#c82333}.options button:nth-child(2){background-color:#ffc107}.options button:nth-child(2):hover{background-color:#e0a800}.options button:nth-child(3){background-color:#28a745}.options button:nth-child(3):hover{background-color:#218838}.options button:nth-child(4){background-color:#007bff}.options button:nth-child(4):hover{background-color:#0056b3}.options button:nth-child(5){background-color:#dc3545}.options button:nth-child(5):hover{background-color:#c82333}.object-container{margin-bottom:20px}.object-row{display:flex;justify-content:center;margin:5px 0}.object{font-size:1.5em;margin:0 5px}.object.ball{color:#007bff}.object.star{color:#ffc107}.object.heart{color:#dc3545}.confetti-container,.fireworks-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}@media (max-width: 1023px){.flashcard-container{max-width:500px}.flashcard-container h2{font-size:1.4em}.flashcard-container input{max-width:180px;font-size:1.1em}.number-pad-container{width:80%}.options{max-width:350px}.options button{width:45%}}@media (max-width: 767px){.flashcard-container{max-width:100%;padding:15px}.flashcard-container h2{font-size:1.3em}.flashcard-container input{max-width:150px;font-size:1em}.number-pad-container{width:90%}.number-pad{grid-template-columns:repeat(2,1fr)}.number-pad-button{padding:12px;font-size:.9em}.options{flex-direction:column;align-items:center;max-width:100%}.options button{width:90%;margin:5px 0}.object-row{flex-wrap:wrap}.object{margin:5px}}.profile-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px}.profile-header{text-align:center;margin-bottom:20px}.profile-header h1{font-size:2em;margin-bottom:10px}.profile-header p{font-size:1.2em;color:#555}body.dark .profile-header p{color:#fff}.profile-content{display:flex;width:100%;max-width:1200px}.sidebar{width:200px;margin-right:20px}.sidebar-button{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.sidebar-button:hover{background-color:#0056b3}.main-content{flex-grow:1;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%}body.dark .main-content{background-color:#343a40;color:#fff}.grade-stats{margin-bottom:20px}.grade-stats h2{font-size:1.5em;margin-bottom:10px}.grade-stats p{font-size:1.2em;color:#555}body.dark .grade-stats p{color:#fff}.message.error{color:#ff6b6b}body.dark .message.error{color:#f99}.chart-container{margin-top:20px;width:100%;max-width:800px;height:400px}body.light .chart-container canvas{background-color:#fff}body.light .chart-container .bar-chart{fill:#007bff}body.dark .chart-container canvas{background-color:#212529}body.dark .chart-container .bar-chart{fill:#0dcaf0}.chart-container .chartjs-tooltip{background-color:#000000b3;color:#fff;border-radius:4px;padding:5px 10px;font-size:.9em}.category-table{width:100%;border-collapse:collapse;margin-bottom:20px}.category-table th,.category-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.category-table th{cursor:pointer;background-color:#f2f2f2}.category-table th:hover{background-color:#ddd}.App.dark .category-table th{background-color:#555}.App.dark .category-table th:hover{background-color:#666}