*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#04034b8c;display:flex;font-family:Segoe UI,Verdana,Geneva,Tahoma,sans-serif;font-size:16px;height:100vh;justify-content:center;line-height:1.5;width:100%}.todo-app{background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:90vh;padding:3rem}.todo-scroll-area{-ms-overflow-style:none;flex:1 1;overflow-y:scroll;scrollbar-width:none}.todo-scroll-area::-webkit-scrollbar{display:none}.App h1{color:#000;font-size:28px;font-weight:700;margin-bottom:20px}form{background-color:#d8dfeb9e;border-radius:50px;margin:20px 0 8px;overflow:hidden;padding:5px 15px;position:relative;width:350px}form input{background:none;border:none;border-radius:5px;outline:none;padding:10px;width:100%}form button{background-color:#eb6816;border:none;border-radius:50px;color:#fff;font-size:14px;height:100%;position:absolute;right:-2px;top:0;width:100px}.todo-item{align-items:center;display:flex;font-size:18px;gap:10px;justify-content:space-between;list-style-type:none;margin-top:40px}.checkbox-container{align-items:center;cursor:pointer;display:inline-block;display:flex;flex-grow:1;gap:10px;justify-content:center;justify-content:flex-start;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-container .checkmark{align-items:center;border:2px solid #d8dfeb9e;border-radius:50%;display:inline-block;display:flex;flex-direction:column;height:20px;justify-content:center;position:relative;transition:background-color .2s ease;width:20px}.checkbox-container .checkmark.checked{background-color:#eb6816}.checkbox-container .checkmark .check-icon{display:none;font-size:16px}.checkmark.checked .check-icon{color:#fff;display:block}.todo-actions{display:flex;gap:10px}.todo-actions button{background:none;border:none;color:#eb6816b3;cursor:pointer;font-size:16px;transition:color .2s ease}.todo-actions button:hover{color:#eb6816}.edit-input{background-color:#d8dfeb9e;border:none;border-radius:10px;outline:none;padding:10px 25px;width:100%}.todo-stats{background:#f7f7f7;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.stats-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-box{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:15px;text-align:center}.stat-box p{color:#666;font-size:14px;margin-bottom:3px}.stat-box span{color:#eb6816;font-size:24px;font-weight:700}.stat-box.completed{border-left:4px solid #28a745}.stat-box.not-complete{border-left:4px solid #dc3545}
/*# sourceMappingURL=main.5230e348.css.map*/