@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{background-color:#f5f6fa;color:#333;font-family:Inter,sans-serif;margin:0;overflow-x:hidden;padding:0}.app-container,body{max-width:100vw;width:100%}.app-container{box-sizing:border-box}.header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;margin-bottom:10px;padding:20px 0;text-align:center;width:100%}.logo{font-size:3.5rem}.title{color:#2c3e50;font-size:28px;font-weight:700;margin:5px 0}.subtitle{color:#666;font-size:25px}.header span{align-items:center;color:#10b981;display:flex;font-size:25px;font-weight:500;gap:6px;justify-content:center}.Timer-box,.level-box,.motivation-box,.progress-box,.task-box{background-color:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin:20px;padding:20px;transition:all .3s ease}.Timer-box:hover,.level-box:hover,.motivation-box:hover,.progress-box:hover,.task-box:hover{box-shadow:0 4px 16px #0000001a}.Timer-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.Timer-header .logo svg{stroke:#6366f1;height:24px;width:24px}.Timer-title h2,.level-box h2,.motivation-box h2,.task-box h2{color:#374151;font-size:20px;font-weight:600}.Timer-title p,.level-box p,.motivation-box p,.task-box p{color:#6b7280;font-size:14px;margin-top:4px}footer{background-color:#f3f4f6;color:#6b7280;font-size:13px;margin-top:40px;padding:16px;text-align:center}.Timer-bar{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-content:space-between}.Timer-clock{align-items:center;background-color:initial;border:5px solid #e0e0e0;border-radius:50%;box-shadow:0 6px 10px #0000001a;display:flex;height:270px;justify-content:center;margin:auto;width:270px}.Timer-clock-inner{text-align:center}.timer{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.Timer-percentage p{color:#28a745;font-size:1rem;margin-bottom:10px}.goal{align-items:center;color:#777;display:flex;font-size:.9rem;gap:5px;justify-content:center}.Timer-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-content:space-between;width:100%}.disply-minutes-box{background-color:#fce7f3;color:#ec4899}.disply-Progress-box,.disply-minutes-box{border-radius:8px;height:6rem;padding:0 1rem;width:13rem}.disply-Progress-box{background-color:#e0f2fe;color:#0369a1}.value{font-weight:700;margin-top:10px}.Progress-bar{animation:gradientMove 3s ease infinite;background:linear-gradient(270deg,#8b5cf6,#f472b6,#4facfe,#2196f3);background-size:300% 300%;border-radius:8px;grid-column:1/3;height:100%;padding:3px;transition:width .4s ease}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stat-full-row{background-color:#fff;display:flex;grid-column:1/3;justify-content:space-between;padding:10px 2px}.button-group{display:flex;gap:10px;grid-column:2/3;margin-bottom:1rem}.start-button{background-color:#db2777;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:15px 45px}.start-button:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-1px) scale(1.03)}.reset-button{background-color:#fff;border:none;border-radius:8px;color:#334155;cursor:pointer;font-size:16px;padding:15px 30px}.reset-button:hover{background-color:#f1f5f9;box-shadow:0 6px 12px #0000001a;transform:translateY(-1px) scale(1.03)}.full-Timer-stats{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;display:flex;justify-content:space-between;margin:1rem 0;padding:10px 0;transition:all .3s ease;width:100%}.full-Timer-stats:hover{box-shadow:0 4px 16px #0000001a}.Timer-days{align-items:center;background-color:#fff;border-radius:8px;display:flex;gap:10px}.days p{margin:5px 0 0}.Timer-hour{padding-right:10px}.Timer-hour,h2{margin:0}.Timer-hour p{margin-bottom:0;margin-top:5px}.emoje{color:#fff;font-size:3.5rem}.growth-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.logos{font-size:2.4rem}.progress-box{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:20px;padding:20px}.progress-header{align-items:center;display:flex;flex-direction:row;gap:16px;padding:0}.progress-header h2{font-size:24px;font-weight:600;margin:0}.progress-header p{color:#6b7280;font-size:16px;margin-top:4px}.current-progress{align-items:center;display:flex;flex-direction:row;gap:5px}.current-progress h3,.total-progress h3{margin-top:1rem;width:100%}.total-progress{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.progress-days{margin:0 5px}.next-progress{flex-direction:row}.next-progress,.progress-bar-fill-titel{align-items:center;display:flex;justify-content:space-between}.progress-bar-fill-titel p{margin-bottom:6px}.progress-bar-fill{background-color:#0284c7;border-radius:10px;height:10px;transition:width .3s ease}.level-header{flex-direction:row;gap:16px;padding:0}.level-header,.level-info{align-items:center;display:flex}.level-info{flex-direction:column;gap:10px}.level-info h3{background-color:#a5adbc;border-radius:3.5rem;padding:.8rem 1.8rem}.level-info span{font-size:2.4rem}@media (max-width:1673px){.motivation-box{grid-column:1/3}}.motivation-header{align-items:center;display:flex;flex-direction:row;gap:16px;padding:0}.motivation-quote p{color:#4b5563;font-size:1.2rem;margin-top:10px}.milestone{grid-column-gap:10px;align-items:center;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.next-milestone{background-color:#a5adbc;border-radius:17px;margin-top:1rem;padding:1rem 2.8rem}.task-header{gap:16px}.add-task,.task-header{align-items:center;display:flex;flex-direction:row}.add-task{gap:10px;padding:0}.task-list{display:flex;flex-direction:column;font-size:1.2rem;gap:10px;margin-top:10px;padding:10px;text-align:center}.tasks{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:9px;transition:transform .6s ease,box-shadow .6s ease}.tasks button{border:none;border-radius:3px;cursor:pointer;font-size:16px;padding:5px 10px}input[type=checkbox]{accent-color:#db2777;height:20px;width:20px}.task-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:16px;padding:10px}.add-task-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 20px}.tasks:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-1px) scale(1.03)}.task-progress-box{display:flex;flex-direction:column;gap:10px;padding:10px}.Task-stats{display:flex;flex-direction:row;gap:10px;justify-content:space-around}.disply-Completed-task{background-color:#e7fce7;color:#10b981}.disply-Completed-task,.disply-Remaining-task{border-radius:10px;height:6rem;padding:0 1rem;width:15rem}.disply-Remaining-task{background-color:#e0f2fe;color:#0369a1}.footer{align-items:center;background-color:#f3f4f6;border-radius:3.5rem;box-shadow:0 2px 12px #0000001a;display:flex;justify-content:center;margin:1% 10%;padding:5px}.footer p{color:#6b7280;font-size:15px;margin:5px}.footer-emoje{font-size:1.5rem;margin:2px 10px}.timer-task-box{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.6fr .4fr;margin:20px;padding:20px}@media screen and (min-width:768px) and (max-width:1023px){.timer-task-box{grid-template-columns:1fr}.Timer-clock{height:230px;width:230px}.disply-Progress-box,.disply-minutes-box{height:5.5rem;width:10rem}.level-box,.motivation-box,.progress-box{grid-column:1/3}.timer-task-box{margin:0;padding:0}}@media screen and (max-width:767px){.Timer-bar,.timer-task-box{grid-template-columns:1fr}.Timer-bar{display:block}.Timer-clock{height:230px;margin:15px auto;width:230px}.disply-Progress-box,.disply-minutes-box{height:5rem;width:8rem}.level-box,.motivation-box,.progress-box{grid-column:1/3}.timer-task-box{margin:0;padding:0}.disply-Completed-task,.disply-Remaining-task{height:5rem;width:8rem}}@media (max-width:480px){.app-container{margin:0 auto;max-width:100vw;padding:0 10px;width:100%}}
/*# sourceMappingURL=main.025d8816.css.map*/