:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{cursor:pointer;border:2px solid #0000001a;border-radius:50px;padding:8px 14px;font-family:inherit;font-size:14px;box-shadow:0 1px 4px #0000000f}header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);margin-bottom:25px;padding:20px}main{flex-direction:row;height:76vh;padding:20px;display:flex}aside{flex-direction:column;gap:20px;width:35%;padding:20px;display:flex;overflow-y:auto}.card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.todolist{flex-direction:column;flex:1;height:100%;padding:20px;display:flex}.todolist h2{margin-bottom:16px}.todo-items{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.todo-item{background-color:#fff;border:2px solid #0000001a;border-radius:50px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 1px 4px #0000000f}.todolist>button{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:14px}.todolist>button:hover{background-color:#4338ca}.todo-item button{color:#dc2626;background-color:#fee2e2;margin-left:auto;padding:4px 10px;font-size:12px}.todo-item button:hover{background-color:#fecaca}.card button{color:#374151;background-color:#fff;border:2px solid #0000001a;margin-top:10px;box-shadow:0 1px 4px #0000000f}.card button:hover{background-color:#f3f3f3}