body{background-color:#f8f8f8;font-family:Arial,sans-serif;margin:0;padding:0}.App{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 15px #0000001a;margin:50px auto;max-width:600px;padding:20px}ul{list-style:none;padding:0}li{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin:10px 0;padding:15px;transition:background-color .3s}.completed{opacity:.6;text-decoration:line-through}.overdue{color:red}li small{color:#888;margin-left:10px}li div{align-items:center;display:flex;justify-content:space-between}li div input{border:1px solid #ccc;border-radius:3px;padding:8px;transition:border-color .3s}li div input:focus{border-color:#4caf50;outline:none}small{color:#888}li:hover{background-color:#f0f0f0}li:hover div button{display:inline-block;opacity:.7}li div button{cursor:pointer;display:none;margin-left:10px;opacity:.4;transition:opacity .3s}li div button:hover{opacity:1}div{margin-top:15px}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s,box-shadow .3s}button:hover{background-color:#45a049;box-shadow:0 0 10px #0003}input[type=text]{border:1px solid #ccc;border-radius:5px;padding:10px;transition:border-color .3s}input[type=text]:focus{border-color:#4caf50;outline:none}select{border:1px solid #ccc;border-radius:5px;padding:10px;transition:border-color .3s}select:focus{border-color:#4caf50;outline:none}.footer{background-color:#333;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-top:30px;padding:20px;text-align:center}.footer p{margin:8px 0}.footer a{color:#4caf50;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:600px){.App{max-width:100%}}
/*# sourceMappingURL=main.efbc563f.css.map*/