body{font-family:Segoe UI,Roboto,sans-serif;margin:0;transition:background-color .3s,color .3s}.App{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px;text-align:center;transition:all .3s ease}.App.dark-mode{background:linear-gradient(135deg,#2c3e50,#1a1a2e);color:#f0f0f0}.App-header{color:#2c3e50;margin-bottom:40px}.dark-mode .App-header{color:#ecf0f1}.App-header h1{font-size:2.5rem;margin-bottom:.5rem}.App-header p{color:#34495e;font-size:1.1rem}.dark-mode .App-header p{color:#bdc3c7}.dark-mode-toggle{position:absolute;right:20px;top:20px}.toggle-btn{align-items:center;animation:pulse 2s infinite;background-color:initial;border:2px solid #3498db;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;padding:0;transition:all .3s ease;width:50px}@keyframes pulse{0%{box-shadow:0 0 0 0 #3498db66}70%{box-shadow:0 0 0 10px #3498db00}to{box-shadow:0 0 0 0 #3498db00}}.toggle-btn:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1) rotate(15deg)}.dark-mode .toggle-btn{animation:darkPulse 2s infinite;background-color:#2c3e50;border-color:#f39c12}@keyframes darkPulse{0%{box-shadow:0 0 0 0 #f39c1266}70%{box-shadow:0 0 0 10px #f39c1200}to{box-shadow:0 0 0 0 #f39c1200}}.tab-navigation{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.tab-btn{background-color:#f5f5f5;border:none;border-radius:30px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;font-size:1rem;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.tab-btn:before{background:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.tab-btn:hover:before{transform:translateX(0)}.tab-btn.active{animation:activeTab .5s ease;background-color:#3498db;box-shadow:0 4px 8px #3498db4d;color:#fff;font-weight:500}@keyframes activeTab{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dark-mode .tab-btn{background-color:#34495e;color:#ecf0f1}.dark-mode .tab-btn.active{background-color:#3498db;box-shadow:0 4px 8px #3498db80}.calculator{margin:0 auto;max-width:800px;padding:20px}.calculator-content{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;padding:30px;transition:all .3s ease}.dark-mode .calculator-content{background:#2c3e50;box-shadow:0 8px 20px #00000080}.assignments-header{display:flex;font-weight:700;gap:10px;margin-bottom:15px;padding:0 10px}.dark-mode .assignments-header{color:#ecf0f1}.assignments-header span{flex:1 1;text-align:left}.assignments-header span:last-child{flex:0 0 60px}.assignment-row{align-items:center;display:flex;gap:10px;margin-bottom:15px}.assignment-row input{border:1px solid #e0e0e0;border-radius:30px;box-shadow:0 2px 5px #0000000d;flex:1 1;font-size:1rem;padding:12px 15px;transition:all .3s ease}.dark-mode .assignment-row input{background-color:#34495e;border:1px solid #455a64;color:#ecf0f1}.assignment-row input:focus{animation:focusInput .3s ease;border-color:#3498db;box-shadow:0 2px 10px #3498db4d;outline:none}@keyframes focusInput{0%{transform:scale(.98)}to{transform:scale(1)}}.dark-mode .assignment-row input:focus{box-shadow:0 2px 10px #3498db80}.button-group{display:flex;gap:15px;justify-content:center;margin-top:25px}button{border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;cursor:pointer;font-size:1rem;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s}button:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}button:hover:after{height:200%;width:200%}button:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}button:active{transform:translateY(0)}.add-btn{background-color:#3498db;color:#fff}.add-btn:hover{background-color:#2980b9}.calculate-btn{animation:pulseGreen 2s infinite;background-color:#2ecc71;color:#fff}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 #2ecc7166}70%{box-shadow:0 0 0 10px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}.calculate-btn:hover{animation:none;background-color:#27ae60}.remove-btn{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0;padding:8px;transition:all .2s ease;width:40px}.remove-btn:hover{background-color:#c0392b;transform:rotate(90deg)}.result{animation:fadeInUp .5s ease-out;background-color:#f8f9fa;border-left:4px solid #2ecc71;border-radius:15px;box-shadow:0 4px 10px #0000000d;margin-top:30px;padding:25px;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .result{background-color:#34495e;border-left:4px solid #2ecc71;box-shadow:0 4px 10px #0000004d}.result h2{color:#2c3e50;font-size:1.5rem;margin:0}.dark-mode .result h2{color:#ecf0f1}.grade-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;box-shadow:0 2px 5px #0000000d;cursor:pointer;flex:1 1;font-size:1rem;padding:12px 15px;transition:all .3s ease}.grade-select:focus{border-color:#3498db;box-shadow:0 2px 10px #3498db4d;outline:none}.dark-mode .grade-select{background-color:#34495e;border:1px solid #455a64;color:#ecf0f1}.dark-mode .grade-select:focus{box-shadow:0 2px 10px #3498db80}.grade-message{color:#7f8c8d;font-size:1.1rem;margin-top:10px}.dark-mode .grade-message{color:#bdc3c7}@media screen and (max-width:992px){.calculator-content{padding:20px}.App-header h1{font-size:2.2rem}}@media screen and (max-width:768px){.App{padding:15px}.calculator{padding:10px}.toggle-btn{font-size:1.2rem;height:40px;width:40px}.App-header h1{font-size:1.8rem}.App-header p{font-size:1rem}.tab-navigation{flex-wrap:wrap}.button-group{flex-direction:column;width:100%}.button-group button{width:100%}}@media screen and (max-width:576px){.assignments-header{display:none}.assignment-row{background-color:#ffffff1a;border-radius:15px;flex-direction:column;margin-bottom:20px;padding:15px;position:relative}.dark-mode .assignment-row{background-color:#34495e80}.assignment-row input,.grade-select{margin-bottom:10px;width:100%}.assignment-row .grade-select:last-of-type,.assignment-row input:last-of-type{margin-bottom:0}.remove-btn{box-shadow:0 2px 5px #0003;position:absolute;right:-10px;top:-10px}.result{padding:15px}.result h2{font-size:1.3rem}.tab-btn{font-size:.9rem;padding:10px 15px}.dark-mode-toggle{right:10px;top:10px}.assignment-row input:before,.grade-select:before{color:#7f8c8d;content:attr(placeholder);display:block;font-size:.8rem;margin-bottom:5px}.dark-mode .assignment-row input:before,.dark-mode .grade-select:before{color:#bdc3c7}.assignment-row{padding-top:25px}}@media screen and (max-width:576px){@media screen and (max-width:320px){.App-header h1{font-size:1.5rem}button{font-size:.9rem;padding:10px 15px}}}
/*# sourceMappingURL=main.b07773dc.css.map*/