#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.navbar{padding:10px 20px;background-color:#2c3e50}.navbar a{color:#fff;text-decoration:none;margin-right:20px;padding:5px 10px;border-radius:3px}.navbar a.router-link-active,.navbar a:hover{background-color:#fff3}.todo-item[data-v-946278ef]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee}.todo-item.completed .todo-text[data-v-946278ef]{text-decoration:line-through;color:#aaa}.toggle-checkbox[data-v-946278ef]{margin-right:10px}.todo-text[data-v-946278ef]{flex-grow:1}.delete-btn[data-v-946278ef]{background-color:#ff6b6b;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer}.delete-btn[data-v-946278ef]:hover{background-color:#ff5252}.home-container[data-v-5d5dc783]{max-width:500px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.add-form[data-v-5d5dc783]{display:flex;margin-bottom:20px}.new-todo-input[data-v-5d5dc783]{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:4px 0 0 4px;font-size:16px}.add-btn[data-v-5d5dc783]{padding:10px 15px;background-color:#2c3e50;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:16px}.add-btn[data-v-5d5dc783]:hover{background-color:#42b983}.stats[data-v-5d5dc783]{color:#666;margin-bottom:15px}.filters[data-v-5d5dc783]{margin-bottom:20px}.filter-btn[data-v-5d5dc783]{padding:5px 10px;margin-right:10px;border:1px solid #ddd;background-color:#f5f5f5;cursor:pointer;border-radius:3px}.filter-btn.active[data-v-5d5dc783],.filter-btn[data-v-5d5dc783]:hover{background-color:#42b983;color:#fff}.todo-list[data-v-5d5dc783]{list-style-type:none;padding:0;margin:0;border:1px solid #ddd;border-radius:4px;overflow:hidden}.about-container[data-v-787395c0]{max-width:500px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}